$(document).ready(function(){

		 zoom_preload = new Image();
		 zoom_preload.onload = function(){
		 	  $("#product-overlay").hide();
              $("#zoomView").append(zoom_preload);
			  mgn_left =  $("#main-product-image").offset().left + $("#main-product-image").width() + 10;
              mgn_top =  $("#main-product-image").offset().top;
              $("#zoomView").css({"left": mgn_left, "top": mgn_top});
		 }
		 $(window).resize(function(){
              mgn_left =  $("#main-product-image").offset().left + $("#main-product-image").width() + 10;
              mgn_top =  $("#main-product-image").offset().top;
              $("#zoomView").css({"left": mgn_left, "top": mgn_top});
		 })
         zoom_preload.src = $(".zoom").attr("href");
         zoom_preload.id = "zoomViewImg";
		 $("#main-product-image").mousemove(function(pos){
if($("#page-loading").css("display")=='none'){
	
	

		 	//zoom_preload_width = document.getElementById('zoomViewImg').offsetWidth;
			
			zoom_preload_width = $("#zoomViewImg").width();

         	var img_left = $(this).offset().left;
			
            var img_top = $(this).offset().top;
			var mouse_left = pos.pageX;
			
			if(mouse_left%2==0){
			
            var mouse_top = pos.pageY;

			var prop = zoom_preload_width/$("#main-product-image").width();
			var zoomView = $("#zoomView");
			var zoomViewImg = $("#zoomViewImg");

			act_left = prop*(mouse_left - img_left) - zoomView.width()/2;
            act_top = prop*(mouse_top - img_top) - zoomView.height()/2;

			max_bot = zoomViewImg.height() - zoomView.height();
            max_left = zoomViewImg.width() - zoomView.width();

			if(act_top>=0 && act_top<max_bot){
              //$("#zoomViewImg").css("top", -act_top);
			  document.getElementById('zoomViewImg').style.top=-act_top+'px';
			}
            if(act_left>=0 && act_left<max_left){
				
					//$("#zoomViewImg").css("left", -act_left);
					document.getElementById('zoomViewImg').style.left=-act_left+'px';
			}
			//$("#t").html("<br>" + act_top +"<br>" + max_bot + "<br>" + $("#zoomViewImg").height())
}//if(mouse_left%2=='0')


} // end  -   if($("#page-loading").css("display")=='none')
		 });

		 $(".zoom img").hover(function(){

            $("#zoomView").css("visibility", "visible");
		 }, function(){
             $("#zoomView").css("visibility", "hidden");
		 });


		 $(window).load(function(){
             $("#product-overlay").hide();
		 })

})