jQuery(document).ready(function(){
		var zoomed='out';
		var id="";
		
		$(".zoom").click(function(event){
			event.preventDefault();		
			id=$(this).attr('id');
			if(zoomed=='out'){zoomIn(id)} 
			else { zoomOut(id); };
		});

		function zoomIn(id)
		{
			
			if($("#product-main").attr("src").indexOf("extra") == -1)
			{
				preload(id);		

			}
			else
			{
				extra = $("#product-main").attr("src").split("/");
				preloadExtra(extra[5],extra[6].split(".")[0]);
			}	
			
			$(".zoom").addClass("zoomout");
			$(".zoomout").removeClass("zoom");
			zoomed = 'in';
			$("p.extras").hide();
			
			$('.zoomout a').tooltip({bodyHandler: function(){return 'Zoom Out'}, showURL: false, track: true });			
		};

		function zoomOut(id){
		
	        $("#zoomimg").fadeOut(900, function(){$(this).remove();});		
			$(".zoomout").addClass("zoom");
			$(".zoom").removeClass("zoomout");
			zoomed = 'out';
			$("p.extras").show();
			
			$('.zoom a').tooltip({bodyHandler: function(){return 'Zoom In'}, showURL: false, track: true });

		};
		
		function preload(id){
		
		$("#preloader").fadeIn();
						
		var urls = [id]
		$.preload( urls, {
			base:'/assets/img/products/zoom/',
			ext:'.jpg',
			onFinish:function(){
				$("#preloader").hide();
				imgurl = '<img src="/assets/img/products/zoom/'+id+'.jpg" width="342" height="244" id="zoomimg" />';
				$('#productImage').prepend(imgurl);
		        $("#zoomimg").animate({ 
					width: "1026px",
					height: "732px",
					top: "-100px",
					left: "-400px"
					}, 500 );

				var pos = $("#zoomimg").offset(); 
				var x1 = pos.left; var y1 = pos.top;
				var x2 = x1-684; var y2 = y1-488;

				$('#zoomimg').tooltip({bodyHandler: function(){return 'Drag image'}, showURL: false, track: true });
				$("#zoomimg").draggable({ containment: [x2, y2, x1, y1] });

				}
			});
		
		};
		
		function preloadExtra(id,name){
		
		$("#preloader").fadeIn();
						
		var urls = [name]
		$.preload( urls, {
			base:'/assets/img/products/extra_zoom/'+id+'/',
			ext:'.jpg',
			onFinish:function(){
				$("#preloader").hide();
				imgurl = '<img src="/assets/img/products/extra_zoom/'+id+'/'+name+'.jpg" width="342" height="244" id="zoomimg" />';
				$('#productImage').prepend(imgurl);
		        $("#zoomimg").animate({ 
					width: "1026px",
					height: "732px",
					top: "-100px",
					left: "-400px"
					}, 500 );

				var pos = $("#zoomimg").offset(); 
				var x1 = pos.left; var y1 = pos.top;
				var x2 = x1-684; var y2 = y1-488;

				$('#zoomimg').tooltip({bodyHandler: function(){return 'Drag image'}, showURL: false, track: true });
				$("#zoomimg").draggable({ containment: [x2, y2, x1, y1] });

				}
			});
		
		};		
		
		$('.zoom a').tooltip({bodyHandler: function(){return 'Zoom In'}, showURL: false, track: true });
		$("#zoomimg").click($.tooltip.block);

		
	});