// JavaScript Document
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
	jQuery("#mediaZoom img").attr("src", arguments[i]);
  }
}

function EgbxZoomImage(docs_path)
{
	$(document).ready(function(){
		//
		// DRAGGABLE
		$('.mediaZoom img').draggable({
			containment:'.mediaZoomBlock',
			cursor:'move'
		});
		
		// DESACTIVER LE DRAG
		$('.mediaZoom img').draggable('disable');
		
		
		
		// EVENEMENT CLICK
		$('.mediaZoom').live('click',function(){
			
			if($('.mediaZoomBlock img').attr('class') != 'noZoom')
			{
				// -----
				var mediaSearch = $('.mediaZoom img').attr('src').split('_');
			
				var width_media = 320;
				var height_media = 320;
				var image_media = docs_path+'media_'+mediaSearch[1];
				
				var width_original = 640;
				var height_original = 640;
				var image_original = docs_path+'original_'+mediaSearch[1];
				var marginTopValue = (height_original-height_media)/2;
				var marginLeftValue = (width_original-width_media)/2;
				
				$.preloadImages(image_original);
				
				if($('.mediaZoomBlock img').width() == width_media)	
				{
					$('.mediaPaper').fadeOut(320);
					
					$('.mediaZoomBlock img').stop().animate({
						width:width_original+'px',
						height:height_original+'px',
						top:'-'+marginTopValue+'px',
						left:'-'+marginLeftValue+'px'
					},320,function(){
						$('.mediaZoom img').draggable('enable');
						$(this).attr('src',image_original);
						$('.mediaZoom img').attr('class','cursor_drag');
					});
				}
				else
				{
					$('.mediaPaper').fadeIn(320);
					$('.mediaZoomBlock img').animate({
						width:width_media+'px',
						height:height_media+'px',
						top:'0px',
						left:'0px'
					},320,function(){
						$('.mediaZoomBlock img').attr('src',image_media);
						$('.mediaZoom img').draggable('disable');
						$('.mediaZoom img').attr('class','cursor_zoom');
					});
				}
			}
			else
			{
				$('.mediaPaper').fadeIn(320);
			}
			
			
			
			return false;
		});
	});
}

function loadZoomImage(img,original,color)
{
	$('.mediaZoom img').css({width:'320px',height:'320px',top:'0px',left:'0px'});
	$('.mediaZoom img').attr('src',img);
	$('.mediaZoom img').draggable('disable');
	if(original == 'no')
	{
		$('.mediaZoomBlock img').attr('class','noZoom');
	}
	else
	{
		$('.mediaZoomBlock img').attr('class','cursor_zoom');
	}
	if(color != undefined)
	{
		changeVariationColor(color);
	}
	
}


EgbxZoomImage('/medias/medias/');
// on declare les globales
/*
var image_media;
var image_original;
$(document).ready(function(){
	
		
		// DRAGGABLE
		$('.mediaZoom img').draggable({
			containment:'.mediaZoomBlock',
			cursor:'move'
		});
			

});
egbxZoom = function(media,original)
{
		image_media = media;
		image_original = original;
		
		// on initialise le curseur et l'etat du zoom
		if(image_original=='no')
		{
			image_original = false;
			$('.mediaZoomBlock img').attr('class',' ');
		}
		else
		{
			$('.mediaZoomBlock img').attr('class','cursor_zoom');
		}
		//
		var width_media = 400;
		var height_media = 600;
		var width_original = 800;
		var height_original = 1200;
		var marginTopValue = (height_original-height_media)/2;
		var marginLeftValue = (width_original-width_media)/2;
		
		// on remplace l'image par l'image demandée
		$('.mediaZoomBlock img').attr('src',image_media);
		
		// on dézoome pour s'aasurer qu'on est bien à la taille de départ
		$('.mediaZoomBlock img').animate({
			width:width_media+'px',
			height:height_media+'px',
			top:'0px',
			left:'0px'
		},400);
			
		// DESACTIVER LE DRAG
		$('.mediaZoom img').draggable('disable');
		
		
		// EVENEMENT CLICK
		$('.mediaZoomBlock img').click(function(){
			if(image_original!=false)
			{
				if($('.mediaZoomBlock img').width() == width_media)	
				{
					$('.mediaZoomBlock img').stop().animate({
						width:width_original+'px',
						height:height_original+'px',
						top:'-'+marginTopValue+'px',
						left:'-'+marginLeftValue+'px'
					},400,function(){
						$('.mediaZoomBlock img').attr('src',image_original);
						$('.mediaZoomBlock img').attr('class','cursor_drag');
						$('.mediaZoom img').draggable('enable');
						
					});
				}
				else
				{
					$('.mediaZoomBlock img').animate({
						width:width_media+'px',
						height:height_media+'px',
						top:'0px',
						left:'0px'
					},400,function(){
						$('.mediaZoomBlock img').attr('src',image_media);
						$('.mediaZoomBlock img').attr('class','cursor_zoom');
						$('.mediaZoom img').draggable('disable');
					});
					
				}
				return false;
			}
			else
			{
				// on initialise
				$('.mediaZoomBlock img').attr('class',' ');
		
				$('.mediaZoomBlock img').attr('src',image_media);
				
				$('.mediaZoomBlock img').animate({
					width:width_media+'px',
					height:height_media+'px',
					top:'0px',
					left:'0px'
				},400);
			}
		});
}*/