/*----------------------------------------------
mooZoom v1.0


mooZoom copyright: copyright (c) 2008 R'born development  - http://rborn.info

mooZoom license: 

You can use the script for personal or commercial projects, as long as this creditentials remains intact.
You CANNOT sell the script or parts of its code under your brand.


*/

var lowresImgs = "";

var mooZoom = new Class ({
	options: {},
	initialize : function(options) {
		this.x_fact = options.x_fact || 1.2;
		this.steps = 0;
		this.initial_position = options.image.getCoordinates();

		this.image = options.image.clone().injectAfter(options.image); 
		lowresImgs = this.image.src;

		options.image.setStyle('visibility','hidden');
		
		var cont = $("TB_ImageOff");
		this.image.setStyles({position:'relative',left:0,top:0,margin:0});
		this.initial_size = options.image.getSize().size;
		this.container = new Element('div').setStyles({width:this.initial_size.x,height:this.initial_size.y,overflow:'hidden',position:'absolute',left:1,top:1}).injectInside(cont).adopt(this.image);


		this.limiter = new Element('div').setStyles({width:this.initial_size.x,height:this.initial_size.y}).injectBefore(this.image).adopt(this.image);

		
		this.image.addEvent('mousemove',function(ev) {
											var ev = new Event(ev);
											this.mouse_x = ev.client.x+window.getScrollLeft();
											this.mouse_y = ev.client.y+window.getScrollTop();

											}.bind(this) );	

		this.image.makeDraggable({
			wait:true, 
			container:this.limiter
		});	
		
		
		this.busy = false;
		this.zoom();	
	},
	
	zoomin : function() {
		if (!this.busy) {
			
			var coord = this.image.getCoordinates();

			rapx = (coord.left)/coord.width;
			rapy = (coord.top)/coord.height;
			
			this.busy = true;
			this.steps++;
			
		    //if(coord.height*this.x_fact<6000&&coord.width*this.x_fact<6000) {
		    
		    new_h = Math.round( coord.height*this.x_fact);
		    new_w = Math.round( coord.width*this.x_fact);		

		   if(this.image.getProperty("maxw")>new_w && this.image.getProperty("maxh")>new_h) {
		    
			    xi = parseInt(this.image.getStyle('left'))
			    yi = parseInt(this.image.getStyle('top'))
			    hdiff = -( (this.x_fact-1)*coord.height*rapy+this.container.getCoordinates().top-coord.top );
			    wdiff = -( (this.x_fact-1)*coord.width*rapx+this.container.getCoordinates().left-coord.left);

			    var newSrc = this.image.src;
			    newSrc = newSrc.split("?")[0];
			    this.image.src = newSrc	+ "?w="+new_w+"&h="+new_h;		
			    
			    this.limiter.setStyles({
				    'margin-left':-(coord.width*this.x_fact-this.initial_size.x), 
				    'width':(2*coord.width*this.x_fact-this.initial_size.x),
				    'margin-top':-(coord.height*this.x_fact-this.initial_size.y), 
				    'height':(2*coord.height*this.x_fact-this.initial_size.y) 
			    });
        

			    this.image.setStyles({
				    'left':(coord.width*this.x_fact-coord.width+xi),
				    'top':(coord.height*this.x_fact-coord.height+yi)
			    });	
			
			    var zoom_in=new Fx.Styles( 
				    this.image,
				    { onComplete: function() { this.busy = false;}.bind(this),
				    duration: 100, 
				    transition:Fx.Transitions.linear, 
				    wait:true
			    });		

			    zoom_in.start({
				    'left':wdiff+(coord.width*this.x_fact-this.initial_size.x),
				    'top':hdiff+(coord.height*this.x_fact-this.initial_size.y),
				    'height':new_h, 
				    'width': new_w
			    });
			} else {
				var zoom_in=new Fx.Styles( 
				    this.image,
				    { onComplete: function() { this.busy = false;}.bind(this),
				    duration: 100, 
				    transition:Fx.Transitions.linear, 
				    wait:true
			    });		

				zoom_in.start({
			    });

			}
			
		}	
	
	},
	
	zoomout : function() {
		if (!this.busy) {
			
			var coord = this.image.getCoordinates();

			rapx = (this.mouse_x - coord.left)/coord.width;
			rapy = (this.mouse_y - coord.top)/coord.height;

			this.busy = true;											

		    xo = parseInt(this.image.getStyle('left'))
		    yo = parseInt(this.image.getStyle('top'))


		    new_h = (coord.height/this.x_fact)>this.container.getCoordinates().height?(coord.height/this.x_fact):this.container.getCoordinates().height;
		    new_w = (coord.width/this.x_fact)>this.container.getCoordinates().width?(coord.width/this.x_fact):this.container.getCoordinates().width;									

            new_h = Math.round(new_h);
            new_w = Math.round(new_w);

			var newSrc = this.image.src;
			newSrc = newSrc.split("?")[0];
			this.image.src = newSrc	+ "?w="+new_w+"&h="+new_h;	
			
		    if (this.steps > 0){
    			
			    if (xo*(this.steps-1)/this.steps > new_w-this.initial_size.x )	
				    l = new_w-this.initial_size.x;
			    else 	
				    l =xo*(this.steps-1)/this.steps
    				
    				
    				
			    if	(yo*(this.steps-1)/this.steps > new_h-this.initial_size.y)
				    h = new_h-this.initial_size.y
			    else	
				    h = yo*(this.steps-1)/this.steps										
    							
			    wdiff = (-parseInt(this.limiter.getStyle('margin-left'))-(new_w-this.initial_size.x))+l;
			    hdiff = (-parseInt(this.limiter.getStyle('margin-top'))-(new_h-this.initial_size.y))+h;

		    }

		    else  {
			    wdiff=(-parseInt(this.limiter.getStyle('margin-left')));
			    hdiff=(-parseInt(this.limiter.getStyle('margin-top')));
		    }
    						
    						

	    var zoom_out=new Fx.Styles( this.image ,
		    { 
		    onComplete: function() {

			    this.busy = false;
    			
			    var x = new_w-this.initial_size.x>0?new_w-this.initial_size.x:0;
			    var y = new_h-this.initial_size.y>0?new_h-this.initial_size.y:0;
			    var _w = new_w > this.initial_size.x? parseInt(2*new_w-this.initial_size.x):this.initial_size.x ;
			    var _h = new_h > this.initial_size.y? parseInt(2*new_h-this.initial_size.y):this.initial_size.y ;
                
		        this.limiter.setStyles({
			        'margin-left':-(x), 
			        'width':_w,
			        'margin-top':-(y), 
			        'height':_h
		        });																					

			    if (this.steps > 0){ this.image.setStyles({'left':l,'top':h}); }
			    else { this.image.setStyles({'left':0,'top':0}); }
    		
			    this.steps--;	
    			
		    }.bind(this),

		    duration: 100, transition:Fx.Transitions.linear , wait:true});
    		
		    zoom_out.start({'left':wdiff, 'top':hdiff,'height':new_h , 'width': new_w});
		}	
	
	},
	reset : function() {
		if (!this.busy) {
			
			var coord = this.image.getCoordinates();

			rapx = (this.mouse_x - coord.left)/coord.width;
			rapy = (this.mouse_y - coord.top)/coord.height;

			this.busy = true;
			this.steps++;
			
		    //if(coord.height*this.x_fact<6000&&coord.width*this.x_fact<6000) {
		    
			    xi = parseInt(this.image.getStyle('left'))
			    yi = parseInt(this.image.getStyle('top'))
										
			    hdiff = this.container.getCoordinates().top;
			    wdiff = this.container.getCoordinates().left;

			    new_h = this.container.getCoordinates().height;
			    new_w = this.container.getCoordinates().width;		
			    
			    var newSrc = this.image.src;
			    newSrc = newSrc.split("?")[0];
			    this.image.src = newSrc	+ "?w="+new_w+"&h="+new_h;		
						
	
			    this.limiter.setStyles({
				    'margin-left':0, 
				    'width':new_w,
				    'margin-top':0, 
				    'height':new_h 
			    });
        

			    this.image.setStyles({
				    'left':0,
				    'top':0
			    });	
			
			//}
	        
			var zoom_in=new Fx.Styles( 
				this.image,
				{ onComplete: function() { this.busy = false;}.bind(this),
				duration: 100, 
				transition:Fx.Transitions.linear, 
				wait:true
			});		
            
			zoom_in.start({
				'left':0,
				'top':0,
				'height':new_h, 
				'width': new_w
			});
			
		}	
	
	},
	
	zoom: function() {

		this.image.addEvent('mousewheel', 
		function(e) {
			
			var e = new Event(e).stop();

			if (!this.busy)
			
			if ( !this.mouse_x ) {
				coord = e.target.getCoordinates();
				this.mouse_x = coord.left+coord.width/2;
				this.mouse_y = coord.top+coord.height/2;
			}

			var coord = this.image.getCoordinates();

			rapx = (this.mouse_x - coord.left)/coord.width;
			rapy = (this.mouse_y - coord.top)/coord.height;

			// zoom out ---------------
			if ( e.wheel < 0 && this.container.getCoordinates().width < coord.width ) {

				if (!this.busy) {
					this.busy = true;											

					xo = parseInt(this.image.getStyle('left'))
					yo = parseInt(this.image.getStyle('top'))


					new_h = (coord.height/this.x_fact)>this.container.getCoordinates().height?(coord.height/this.x_fact):this.container.getCoordinates().height;
					new_w = (coord.width/this.x_fact)>this.container.getCoordinates().width?(coord.width/this.x_fact):this.container.getCoordinates().width;									

					if (this.steps > 0){
						
						if (xo*(this.steps-1)/this.steps > new_w-this.initial_size.x )	
							l = new_w-this.initial_size.x;
						else 	
							l =xo*(this.steps-1)/this.steps
							
							
							
						if	(yo*(this.steps-1)/this.steps > new_h-this.initial_size.y)
							h = new_h-this.initial_size.y
						else	
							h = yo*(this.steps-1)/this.steps										
										
						wdiff = (-parseInt(this.limiter.getStyle('margin-left'))-(new_w-this.initial_size.x))+l;
						hdiff = (-parseInt(this.limiter.getStyle('margin-top'))-(new_h-this.initial_size.y))+h;

					}

					else  {
						wdiff=(-parseInt(this.limiter.getStyle('margin-left')));
						hdiff=(-parseInt(this.limiter.getStyle('margin-top')));
					}
									
									

				var zoom_out=new Fx.Styles( this.image ,
					{ 
					onComplete: function() {
	
						this.busy = false;
						
						var x = new_w-this.initial_size.x>0?new_w-this.initial_size.x:0;
						var y = new_h-this.initial_size.y>0?new_h-this.initial_size.y:0;
						var _w = new_w > this.initial_size.x? parseInt(2*new_w-this.initial_size.x):this.initial_size.x ;
						var _h = new_h > this.initial_size.y? parseInt(2*new_h-this.initial_size.y):this.initial_size.y ;
                        
					    this.limiter.setStyles({
						    'margin-left':-(x), 
						    'width':_w,
						    'margin-top':-(y), 
						    'height':_h
					    });																					

						if (this.steps > 0){ this.image.setStyles({'left':l,'top':h}); }
						else { this.image.setStyles({'left':0,'top':0}); }
					
						this.steps--;	
						
					}.bind(this),

					duration: 100, transition:Fx.Transitions.linear , wait:true});
					
					zoom_out.start({'left':wdiff, 'top':hdiff,'height':new_h , 'width': new_w});
			}	
		}
									
				// zoom in -----------
				else if  ( e.wheel > 0)  {

					if (!this.busy) {
					this.busy = true;
					this.steps++;
					
				    //if(coord.height*this.x_fact<6000&&coord.width*this.x_fact<6000) {
				    
					    xi = parseInt(this.image.getStyle('left'))
					    yi = parseInt(this.image.getStyle('top'))
    											
					    hdiff = -( (this.x_fact-1)*coord.height*rapy+this.container.getCoordinates().top-coord.top );
					    wdiff = -( (this.x_fact-1)*coord.width*rapx+this.container.getCoordinates().left-coord.left);

					    new_h = ( coord.height*this.x_fact);
					    new_w = ( coord.width*this.x_fact);								
			
					    this.limiter.setStyles({
						    'margin-left':-(coord.width*this.x_fact-this.initial_size.x), 
						    'width':(2*coord.width*this.x_fact-this.initial_size.x),
						    'margin-top':-(coord.height*this.x_fact-this.initial_size.y), 
						    'height':(2*coord.height*this.x_fact-this.initial_size.y) 
					    });
                

					    this.image.setStyles({
						    'left':(coord.width*this.x_fact-coord.width+xi),
						    'top':(coord.height*this.x_fact-coord.height+yi)
					    });	
					
					//}
			        
					var zoom_in=new Fx.Styles( 
						this.image,
						{ onComplete: function() { this.busy = false;}.bind(this),
						duration: 100, 
						transition:Fx.Transitions.linear, 
						wait:true
					});		
                    
					zoom_in.start({
						'left':wdiff+(coord.width*this.x_fact-this.initial_size.x),
						'top':hdiff+(coord.height*this.x_fact-this.initial_size.y),
						'height':new_h, 
						'width': new_w
					});
					
				}	
			}

			}.bind(this) )	 ; 

	}
	

})