$(window).load(function()
	{	
		var imgzoom = jQuery("#imgzoom");
		imgzoom.hide();
		var bigzoom = $("#bigzoom");
		bigzoom.hide();
		var speed = 200;
		var bool=false;
		
		$(".product .mid_").mouseenter(function(){
			bool=true;
			
			imgzoom.stop(true,true);
			var offmargin = (imgzoom.width() - $(this).width())/2;
			imgzoom.css("top", $(this).offset().top);
			imgzoom.css("left", $(this).offset().left - offmargin );
			$("#zoomedimg").attr("src",$(this).children("img").attr("src"));
			
			imgzoom.children("a").attr("href", $(this).parent().attr("href"));
			
			imgzoom.fadeIn(speed);			
		});
		
		imgzoom.mouseleave(function(){
			bool=false;
			setTimeout(function(){
				if (bool == false)
					imgzoom.fadeOut(speed);
			}, speed);
		});
		
		$(".small_thumb_pic").click(function(){			
			var curent_pic = $(".current_pic")
			var aux = curent_pic.attr("src");
			var t = $(this).attr("src");
			curent_pic.fadeOut(speed, function(){curent_pic.attr("src",t);}).fadeIn(speed);
			$(this).attr("src",aux);
		});	
		
		$(".current_pic").click(function(){
			var bigzoomimg = $("#bigzoomimg");
			bigzoomimg.attr("src", $(this).attr("src"));			
			var bzi = document.getElementById('bigzoomimg');
			bigzoom.fadeIn(speed);
			bigzoomimg.css("left", $(window).width()/2 - bigzoomimg.width()/2);		
			bigzoomimg.css("top", $(window).height()/2 - bigzoomimg.height()/2);
		});
		
		$("#bigzoom div, #bigzoomimg").click(function(){
			bigzoom.fadeOut(speed);
		});
	});