/*
jquery.event.drag.js Made by Gijs Jager and JQuery
input: zoomIn (or out) with the image
output: zoomed image, duh
*/


var level = 0; 						// check wich zoom level you are in
var dragging; 						// check if it is alowed to drag

var mouseBeginX, mouseBeginY;		// set begin mouse point
var imageBeginX, imageBeginY;		// set begin of the image
var firstClick = true;


function zoomIn(imgName){		
	if(level!=2){
		level++;
		dragging = false;
	}
	jQuery("#image").animateToClass("img"+level, 1000,function(){
		changeSRC(imgName);			
		initializeZoom();
	});
	
}
function zoomOut(imgName){	
	if(level!=0){
		level--;
		dragging = false;
	}
	jQuery("#image").animateToClass("img"+level, 1000,function(){
		changeSRC(imgName);
		initializeZoom();
	}); 
	
}


function initializeZoom()
{
	var image = document.getElementById("image");	
	image.style.position = "relative";
	jQuery("#drag").mousedown(function(e){	
		
		dragging = true;
		mouseBeginX = e.pageX - this.offsetLeft;
		mouseBeginY = e.pageY - this.offsetTop;			
		if(firstClick == true){
			imageBeginX = -((jQuery('#image').width() / 2)-145);
			imageBeginY = -((jQuery('#image').height() / 2)-145);
			firstClick = false;
		} else {
			marginLeft = image.style.marginLeft;
			imageBeginX = (marginLeft.replace('px', ''))-0;
			marginTop = image.style.marginTop;
			imageBeginY = (marginTop.replace('px', ''))-0;
		}
		e.preventDefault();	
			
	});
		
	jQuery("#drag").mouseup(function(e){	
		dragging = false;
	});
		
	jQuery("#drag").mouseout(function(e){	
		dragging = false;
	});
	
	jQuery("#drag").mousemove(function(e) {						  
		e.preventDefault(); 	 
		if (dragging) {					
			var mouseX = e.pageX - this.offsetLeft;
			var mouseY = e.pageY - this.offsetTop;
			
			var verschilX = mouseX - mouseBeginX;
			var verschilY = mouseY - mouseBeginY;
			
			image.style.marginTop=imageBeginY+verschilY+"px";
			image.style.marginLeft=imageBeginX+verschilX+"px";
			
			
		}
	});
	
	
}

function changeSRC(imgName){	
	if(jQuery("#image").width()==290){	
		//var link = "http://duckybeau.ocen.nl/uploads/images/products/medium/"+imgName;
		var link = "http://www.duckybeaushop.nl/uploads/images/products/medium/"+imgName;
		jQuery("#image").attr("src",link);				
	}
	else if(jQuery("#image").width()==500){	
		//var link = "http://duckybeau.ocen.nl/uploads/images/products/large/"+imgName;
		var link = "http://www.duckybeaushop.nl/uploads/images/products/large/"+imgName;
		jQuery("#image").attr("src",link);				
	}
	else if(jQuery("#image").width()==1000){
		//var link = "http://duckybeau.ocen.nl/uploads/images/products/huge/"+imgName;
		var link = "http://www.duckybeaushop.nl/uploads/images/products/huge/"+imgName;
		jQuery("#image").attr("src",link);			
	}
}