var current=1;
var aImages;
var whereIam = "#image-360";
var ratio = 1.0667;

/* variable pour l'augmentation et diminution du zoom*/
var zoomWidth = "320";
var zoomHeight = "300"
var limitBorderx = "0";
var limitBordery = "0";
var centerTop = "0";
var centerLeft = "0";

// backup

var centerTop_bk = centerTop;
var centerLeft_bk = centerLeft;
var zoomWidth_bk = zoomWidth;
var zoomHeight_bk = zoomHeight;
var limitBorderx_bk = limitBorderx;
var limitBordery_bk = limitBordery;

var centerTop_bk_mannequin = centerTop;
var centerLeft_bk_mannequin = centerLeft;
var zoomWidth_bk_mannequin = "320";
var zoomHeight_bk_mannequin = "389";
var limitBorderx_bk_mannequin = limitBorderx;
var limitBordery_bk_mannequin = limitBordery;
var mannequinFirsTime = true;	
 
function moveNext (numImages) {
	var numRotationImages = 12; 
	
	if(numImages != null)
	{
		numRotationImages = numImages;
	}

	if (current==numRotationImages) {
		current= 1;
	} else {
		current++;
	}
	if (zoomWidth == 320){
		$("#image-360").attr("src",url_product_image + '/' + productid + '/zoom_320/' + current + '.jpg');
	}else{
		$("#image-360").attr("src",url_product_image + '/' + productid + '/zoom_1280/' + current + '.jpg');
	}
	return false;
}

function movePrev (numImages) {
	var numRotationImages = 12; 
	
	if(numImages != null)
	{
		numRotationImages = numImages;
	}

	if (current==1) {
		current= numRotationImages;
	} else {
		current--;
	}
	if (zoomWidth == 320){
		$("#image-360").attr("src", url_product_image + productid + '/zoom_320/' + current + '.jpg');
	}else{
		$("#image-360").attr("src", url_product_image + productid + '/zoom_1280/' + current + '.jpg');
	}
	return false;
}



function zoomSmall () {
	if (zoomWidth == 620) {
		$("#click_and_drag_image").css("display","none");
	} 
	if (zoomWidth > 320) {
		if (zoomWidth == 620 && whereIam == "#image-360"){
			$(whereIam).attr("src", url_product_image + productid + '/zoom_320/' + current + '.jpg');
		} 
		else if (zoomWidth == 620 && whereIam == "#image-mannequin"){
			$(whereIam).attr("src", url_product_image + productid + '/' + "manequin_320.jpg");
		}
		
		/* On diminue la taille de l'image + on redefinie les limites */
		zoomWidth = parseInt(zoomWidth) - 300;
		zoomHeight = parseInt(zoomWidth) / ratio;
		limitBorderx = -1 * (parseInt(zoomWidth) - 320);
		limitBordery = -1 * (parseInt(zoomHeight) - 300);

		/* On augmente la position du top et left pour un zoom plus 'centrer' */
		centerTop = parseInt($(whereIam).css("top")) + 150;
		centerLeft = parseInt($(whereIam).css("left")) + 150;
			
		// Animation zoom
		$.updatePositionWhenZoom_hide(whereIam);
		$(whereIam).animate({
			width: zoomWidth, height: zoomHeight, top: centerTop, left: centerLeft
		}, 500, function (){
				$(whereIam).attr({width: zoomWidth, height: zoomHeight});
				$(whereIam).css({top: centerTop, left: centerLeft});
		});

	}
	return false;
}

function zoomBig () {
	$("#click_and_drag_image").css("display","block");
	if (zoomWidth < 1300) {
		if (zoomWidth == 320 && whereIam == "#image-360"){
			$(whereIam).attr("src", url_product_image + productid + '/zoom_1280/' + current + '.jpg');
		}else if (zoomWidth == 320 && whereIam == "#image-mannequin"){
			$(whereIam).attr("src", url_product_image + productid + '/' + "manequin_640.jpg");
		}
		
		// Pour limiter le zoom du mannequin
		if (zoomWidth > 320 && whereIam == "#image-mannequin") {
			//je ne fais rien
		}else {
			/* On diminue la taille de l'image + on redefinie les limites */
			zoomWidth = parseInt(zoomWidth) + 300;
			zoomHeight = parseInt(zoomWidth) / ratio;
			limitBorderx = -1 * (parseInt(zoomWidth) - 320);
			limitBordery = -1 * (parseInt(zoomHeight) - 300);
			
			/* On augmente la position du top et left pour un zoom plus 'centrer' */
			centerTop = parseInt($(whereIam).css("top")) - 150;
			centerLeft = parseInt($(whereIam).css("left")) - 150;
			
			// Animation zoom
			$(whereIam).animate({
				width: zoomWidth, height: zoomHeight, top: centerTop, left: centerLeft
			}, 500, function (){
				$(whereIam).attr({width: zoomWidth, height: zoomHeight});
				$(whereIam).css({top: centerTop, left: centerLeft});
			});
		}
	}
	return false;
}

function zoomReset () {
	current = 1;
	limitBorderx = 0;
	limitBordery = 0;
	zoomHeight = 300;
	zoomWidth = 320;
	centerTop = 0;
	centerLeft = 0;
	
	$("#click_and_drag_image").css("display","none");
	
	//$(whereIam).fadeOut(1000);
	
	if (whereIam == "#image-360"){
		$(whereIam).animate({
			width: zoomWidth, height: zoomHeight, top: centerTop, left: centerLeft
		}, 500, function(){
			$(this).attr("src", url_product_image + productid + '/zoom_320/' + current + '.jpg')
			$(this).animate({opacity: 'show'},500);
		});
	}else if (whereIam == "#image-mannequin"){
		$(whereIam).animate({
			width: zoomWidth, height: zoomHeight, top: centerTop, left: centerLeft
		}, 500, function(){
			$(this).attr("src", url_product_image + productid + '/' + "manequin_320.jpg")
			$(this).animate({opacity: 'show'},500);
		});
	}
	

	return false;
}

function toggleImg(){
	$("#switch_img").toggle(function(){
		// backup des positions tailles du bag
		centerTop_bk = centerTop;
		centerLeft_bk = centerLeft;
		zoomWidth_bk = zoomWidth;
		zoomHeight_bk = zoomHeight;
		limitBorderx_bk = limitBorderx;
		limitBordery_bk = limitBordery;
		
		// initialisation des variables du mannequin
		centerTop = centerTop_bk_mannequin;
		centerLeft = centerLeft_bk_mannequin;
		zoomWidth = zoomWidth_bk_mannequin;
		zoomHeight = zoomHeight_bk_mannequin;
		limitBorderx = limitBorderx_bk_mannequin;
		limitBordery = limitBordery_bk_mannequin;


		//Fade in transition
		$("#image-360").fadeOut(1000);	
		$("#image-mannequin").fadeIn(1000, function(){
			if (mannequinFirsTime){
				$("#image-mannequin").easydrag();
				mannequinFirsTime = false;
			}
			$.updatePositionWhenZoom(whereIam);
		});

		$("#litle_img_mannequin").fadeOut(1000);
		$("#litle_img_bag").fadeIn(1000);
		$("#pro_rotate").css("display","none");
		$("#see_it_on").css("display","none");
		$("#see_the_bag").css("display","block");

		ratio = 1.0667;
		whereIam = "#image-mannequin";
		$("#turn_left_link").addClass('turn_left_inactiv');
		$("#turn_right_link").addClass('turn_right_inactiv');
		
		if (zoomWidth == 320) {
			$("#click_and_drag_image").css("display","none");
		}else{
			$("#click_and_drag_image").css("display","block");
		}
		
		return false;
		
	}, function(){
		// backup des positions tailles du mannequin
		centerTop_bk_mannequin = centerTop;
		centerLeft_bk_mannequin = centerLeft;
		zoomWidth_bk_mannequin = zoomWidth;
		zoomHeight_bk_mannequin = zoomHeight;
		limitBorderx_bk_mannequin = limitBorderx;
		limitBordery_bk_mannequin = limitBordery;	
		
		// initialisation des variables du bag
		centerTop = centerTop_bk;
		centerLeft = centerLeft_bk;
		zoomWidth = zoomWidth_bk;
		zoomHeight = zoomHeight_bk;
		limitBorderx = limitBorderx_bk;
		limitBordery = limitBordery_bk;
		
		//Fade in transition
		$("#image-mannequin").fadeOut(1000);	
		$("#image-360").fadeIn(1000, function(){

		});
		
		$("#litle_img_bag").fadeOut(1000);
		$("#litle_img_mannequin").fadeIn(1000);
		$("#pro_rotate").css("display","block");
		$("#see_it_on").css("display","block");
		$("#see_the_bag").css("display","none");

		ratio = 1.0667;
		whereIam = "#image-360";
		$("#turn_left_link").show().removeClass('turn_left_inactiv');
		$("#turn_right_link").show().removeClass('turn_right_inactiv');
		
		if (zoomWidth == 320) {
			$("#click_and_drag_image").css("display","none");
		}else{
			$("#click_and_drag_image").css("display","block");
		}
		
		return false;
	});
}