var Zoom = new Class({

    initialize: function(){
	},

	addImage: function(innerId, thumbnailId, imageId, zoomImgId){
		var imgToggler = $(imageId).effects({ duration: 400, transition: Fx.Transitions.Sine.easeInOut, wait: false });
		var zoomToggler = $(zoomImgId).effects({ duration: 400, transition: Fx.Transitions.Sine.easeInOut, wait: false });
		var divToggler = $(innerId).effects({ duration: 400, transition: Fx.Transitions.Sine.easeInOut, wait: true });
		
	    $(thumbnailId).addEvent('click', function(e){
		    e = new Event(e);
		    
		    $(innerId).setStyle("left", $(thumbnailId).getLeft()+"px")
		    $(innerId).setStyle("top", $(thumbnailId).getTop()+"px")
		    
            zoomToggler.start({ 'opacity': [0,1] });
			$(zoomImgId).src = $(zoomImgId).src.replace("expand", "contract"); 
            
            divToggler.start({ 'opacity': [0,1], 'height': [$(thumbnailId).getSize().size.y, $(innerId).getSize().size.y], 'width': [$(thumbnailId).getSize().size.x, $(innerId).getSize().size.x] });
            imgToggler.start({ 'opacity': [0,1], 'height': [$(thumbnailId).getSize().size.y, $(imageId).getSize().size.y], 'width': [$(thumbnailId).getSize().size.x, $(imageId).getSize().size.x] });
                                
            e.stop();
		});
	    
	    $(imageId).addEvent('mouseleave', function(e){
		    e = new Event(e);
			
            zoomToggler.start({ 'opacity': [1,0] });
            
            imgToggler.start({ 'opacity': 0 });
            divToggler.start({ 'opacity': 0 });
//            imgToggler.start({ 'opacity': 0, 'height': $(imageId).getSize().size.y, 'width': $(imageId).getSize().size.x });
//            divToggler.start({ 'opacity': 0, 'height': $(innerId).getSize().size.y, 'width': $(innerId).getSize().size.x });
			   
            e.stop();
		});
	
    	$(imageId).addEvent('click', function(e){
		    e = new Event(e);
			
            zoomToggler.start({ 'opacity': [1,0] });
            
            imgToggler.start({ 'opacity': 0 });
            divToggler.start({ 'opacity': 0 });
            imgToggler.start({ 'opacity': 0, 'height': $(imageId).getSize().size.y, 'width': $(imageId).getSize().size.x });
			   
            e.stop();
		});
		
	}	
});