(function($){
		$.fn.jqueryzoom = function(options){
		var settings = {
				xzoom: 325,		//zoomed width default width
				yzoom: 325,		//zoomed div default height
				offset: 10,	//zoomed div default offset
				position: "right" ,//zoomed div default position,offset position is to the right of the image
				lens:2, //zooming lens over the image,by default is 1;
				preload: 1
			};
			if(options) {
				$.extend(settings, options);
			}
		    var noalt='';
		    $(this).hover(function() {
		    
		    
		    var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
		    
		    
		    
			    var imageLeft = $(this).offset().left;                
			    var imageTop = $(this).offset().top;
			    
			    
		    	
			    var imageWidth = $(this).children('img').get(0).offsetWidth;
			    var imageHeight = $(this).children('img').get(0).offsetHeight;
	            noalt= $(this).children("img").attr("alt");
			    var bigimage = $(this).children("img").attr("jqimg");
	            $(this).children("img").attr("alt",'');
	
			    if($("div.zoomdiv").get().length == 0) {

				    $("#productdetailscontainer").append("<div class='zoomdiv'><img class='bigimg' src='"+bigimage+"'/></div>");
				    $(this).append("<div class='jqZoomPup'>&nbsp;</div>");
					$("#productDetailTabs").css("z-index", "1");
					
					// SF: Start add configuration for SAFE
					//  bgiframe positioning
					$('div.zoomdiv').bgiframe();
					$('div.zoomdiv').bgiframe({opacity:false});
					// hide the select drop-downs as bgiframe won't work alone here!
					$('.inputs').hide();	
					// SF: End add configuration for SAFE

			    }
				
				// SF: Start add configuration for SAFE		
				// show the select drop-downs
				$('.jqZoomPup').mouseout(function() {				
					$('.inputs').show();	
				});	
				// SF: End add configuration for SAFE		
				
			if(settings.position == "right") {
				/*
	            	if(imageLeft + imageWidth + settings.offset + settings.xzoom > screen.width) {
			            leftpos = imageLeft  - settings.offset - settings.xzoom;
			        } 
					else {
					    leftpos = imageLeft + imageWidth + settings.offset;
			        }
			        */
		        //leftpos = imageWidth + settings.offset;
		        
		        if(navigator.appName=="Microsoft Internet Explorer"){
		        	var scroll=document.documentElement.scrollTop;	
		        }else{
		        	var scroll=window.pageYOffset;
		        }
		        
		        var p=$("#maincontent");
		    	var offset = p.offset();
		    	
		        leftpos = (Math.floor((viewportwidth/2)-(settings.xzoom/2)-offset.left));
		        toppos = (Math.floor((viewportheight/2)-(settings.yzoom/2)-offset.top+scroll));
		        
		        leftpos=leftpos+"px";
		        toppos=toppos+"px";
		        
		        //var test = $(document).scrollTop();
		      
		    } else {
		   		leftpos = imageLeft - settings.xzoom - settings.offset;
		    	if(leftpos < 0) {
		            leftpos = imageLeft + imageWidth  + settings.offset;
			    }
		    }
		    
		    
		    
		    
		        
		    $("div.zoomdiv").css({ top: toppos, left: leftpos,background: 'white', border: '10px' });
		    $("div.zoomdiv").width(settings.xzoom);
		    $("div.zoomdiv").height(settings.yzoom);
            $("div.zoomdiv").show();
			
            if(!settings.lens) {
              $(this).css('cursor','crosshair');
			}
			$(document.body).mousemove(function(e) {
             	mouse = new MouseEvent(e);
                   /*$("div.jqZoomPup").hide();*/
				var bigwidth = $(".bigimg").get(0).offsetWidth;
				var bigheight = $(".bigimg").get(0).offsetHeight;
				
				
				
				var scaley ='x';
				var scalex= 'y';
				if(isNaN(scalex)|isNaN(scaley)) {
					var scalex = (bigwidth/imageWidth);
					var scaley = (bigheight/imageHeight);
					$("div.jqZoomPup").width((settings.xzoom)/scalex );
					$("div.jqZoomPup").height((settings.yzoom)/scaley);

                    if(settings.lens) {
	                    $("div.jqZoomPup").css('visibility','visible');
					}
				}
				xpos = mouse.x - $("div.jqZoomPup").width()/2 - imageLeft;
				ypos = mouse.y - $("div.jqZoomPup").height()/2 - imageTop;
				if(settings.lens) {
					xpos = (mouse.x - $("div.jqZoomPup").width()/2 < imageLeft ) ? 0 : (mouse.x + $("div.jqZoomPup").width()/2 > imageWidth + imageLeft ) ?  (imageWidth -$("div.jqZoomPup").width() -2)  : xpos;

					ypos = (mouse.y - $("div.jqZoomPup").height()/2 < imageTop ) ? 0 : (mouse.y + $("div.jqZoomPup").height()/2  > imageHeight + imageTop ) ?  (imageHeight - $("div.jqZoomPup").height() -2 ) : ypos;
				}
				 if(settings.lens) {
					$("div.jqZoomPup").css({ top: ypos,left: xpos });
				}
				scrolly = ypos;
				$("div.zoomdiv").get(0).scrollTop = scrolly * scaley;
				scrollx = xpos;
				$("div.zoomdiv").get(0).scrollLeft = (scrollx) * scalex;
				});
		    },function() {

               $(this).children("img").attr("alt",noalt);
		       $(document.body).unbind("mousemove");
		       if(settings.lens){
		       $("div.jqZoomPup").remove();
		       }
		       $("div.zoomdiv").remove();
		    });
        count = 0;
		if(settings.preload) {
		$('body').append("<div style='display:none;' class='jqPreload"+count+"'>sdsdssdsd</div>");
		$(this).each(function() {
        var imagetopreload= $(this).children("img").attr("jqimg");
        var content = jQuery('div.jqPreload'+count+'').html();
       		jQuery('div.jqPreload'+count+'').html(content+'<img src=\"'+imagetopreload+'\">');
		});
	}

}

})(jQuery);

function MouseEvent(e) {
this.x = e.pageX;
this.y = e.pageY;
}

