// 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_viewer = 480;
				var height_viewer = 360;
				var width_media = 360;
				var height_media = 360;
				var width_original = 720;
				var height_original = 720;
				
				var initMarginTopValue = (height_viewer-height_media)/2;
				var initMarginLeftValue = (width_viewer-width_media)/2;
				var image_media = docs_path+'media_'+mediaSearch[1];
				
				var marginTopValue = (height_original-height_viewer)/2;
				var marginLeftValue = (width_original-width_viewer)/2;
				var image_original = docs_path+'original_'+mediaSearch[1];

				
				$.preloadImages(image_original);
				
				if($('.mediaZoomBlock img').width() == width_media)	
				{
					$('.mediaPaper').fadeOut(300);
					
					$('.mediaZoomBlock img').stop().animate({
						width:width_original+'px',
						height:height_original+'px',
						top:'-'+marginTopValue+'px',
						left:'-'+marginLeftValue+'px'
					},300,function(){
						$('.mediaZoom img').draggable('enable');
						$(this).attr('src',image_original);
						$('.mediaZoom img').attr('class','cursor_drag');
					});
				}
				else
				{
					$('.mediaPaper').fadeIn(300);
					$('.mediaZoomBlock img').animate({
						width:width_media+'px',
						height:height_media+'px',
						top:initMarginTopValue+'px',
						left:initMarginLeftValue+'px'
					},300,function(){
						$('.mediaZoomBlock img').attr('src',image_media);
						$('.mediaZoom img').draggable('disable');
						$('.mediaZoom img').attr('class','cursor_zoom');
					});
				}
			}
			else
			{
				$('.mediaPaper').fadeIn(300);
			}
			
			
			
			return false;
		});
	});
}

function loadZoomImage(img,original,color)
{
	$('.mediaZoom img').css({width:'360px',height:'360px',top:'0px',left:'60px'});
	$('.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/');