function getAbsPos(element){var r={x:element.offsetLeft,y:element.offsetTop};
        if (element.offsetParent){var tmp =getAbsPos(element.offsetParent);r.x+=tmp.x;r.y+=tmp.y;}return r;};
	function getRelPos(event, reference){var x,y;event=event || window.event;var el=event.target || event.srcElement;
        if(!window.opera&&typeof event.offsetX!='undefined'){
            var pos={x:event.offsetX,y:event.offsetY};var e=el;
            while(e){e.mouseX=pos.x;e.mouseY=pos.y;
                pos.x+=e.offsetLeft;pos.y+=e.offsetTop;e=e.offsetParent;}
            var e=reference;var offset={x:0,y:0}
            while(e){if(typeof e.mouseX!='undefined'){
                x=e.mouseX-offset.x;y=e.mouseY-offset.y;break;}
                offset.x+=e.offsetLeft;offset.y+=e.offsetTop;e=e.offsetParent;}e=el;
            while(e){e.mouseX=undefined;e.mouseY=undefined;e=e.offsetParent;}}
        else{var pos=getAbsPos(reference);x=event.pageX-pos.x;y=event.pageY-pos.y;}
            return {x:x,y:y};}                              	
	var zoomStr=   "Click image to <span class='highlight'>Zoom x2</span>";
    var zoom4Str=  "Click image to <span class='highlight'>Zoom x4</span>";
    var zoomoutStr="Click image to <span class='highlight'>Zoom Out</span>";
    var naStr=     "Image Coming Soon!";var doordont=0; var flagZ=1;
	window.onload=function(){try{
	    var wrap_ref=document.getElementById('wrap_info_image');var wrap_zoom=document.getElementById('wrap_img_z');
	    var marker=document.getElementById('marker');var zInstr=document.getElementById('zoom_s');
	    var refId=document.getElementById('reference');
	    zInstr.innerHTML=zoomStr;
	    if(document.getElementById('reference1')){doordont=1;var iFlag=0;var handleH=140; var handleV=90;
	        var szoomInt=2;var zoomInt=4;var zvOffset=165;var pad=-25;var padS=-35;
		    var mWidth=document.getElementById('reference').offsetWidth;
		    var mHeight=document.getElementById('reference').offsetHeight;			
		    var z=document.getElementById('zoom_img');var z1=document.getElementById('zoom_img1');
		    var m=document.getElementById('marker');			
		    var soffsetWidth=handleH;var soffsetHeight=handleV;				
		    document.getElementById('wrap_img_z').onmousemove =
		    document.getElementById('reference').onmousemove=function(event){			        
		        var e=event || window.event;
		        var pos=getRelPos(event, document.getElementById('reference'));			    
			    var tWidth=0;var hOffset=Math.round(handleH/2);var vOffset=Math.round(handleV/2);
			    var zoom2Dis=document.getElementById('wrap_img_z');				
			    var wrapWidth=document.getElementById('wrap_img_z').offsetWidth;								
			    if(wrapWidth < mWidth){tWidth=(-Math.round((mWidth-wrapWidth)/2));}
			    if(wrapWidth > mWidth){tWidth=(+Math.round((wrapWidth-mWidth)/2));}
			    if(pos.y<=vOffset+pad){pos.y=vOffset+pad;}	
			    if(pos.x<=hOffset+padS){pos.x=hOffset+padS;}
			    if(pos.x>=mWidth-(hOffset)+-padS){pos.x=mWidth-(hOffset)+-padS;}
			    if(pos.y>=mHeight-(vOffset)+-pad){pos.y=mHeight-(vOffset)+-pad;}	    
			    try{m.style.left = pos.x +'px';m.style.top = pos.y +'px';						
			    z.style.left =(-pos.x*szoomInt)+hOffset-5+'px';
			    z.style.top  =(-pos.y*szoomInt)+vOffset+'px';			
			    z1.style.left=(-pos.x*zoomInt)+ handleH+tWidth+5+'px';			
			    z1.style.top =(-pos.y*zoomInt)+ zvOffset+'px';}catch(error){}}}									
            if(doordont){
                refId.onclick=function zoom2(event){                 
	                if(!iFlag){zInstr.innerHTML=zoom4Str;}
	                marker.style.display="block";iFlag=0;flagZ=2;}  	        
	            marker.onclick=function zoom4(event){zInstr.innerHTML=zoomoutStr;
                    marker.style.display="none";wrap_zoom.style.display="block"; 
                    wrap_ref.style.visibility="hidden";iFlag=1;flagZ=3;}            
                wrap_zoom.onclick=function zoom1(event){zInstr.innerHTML=zoomStr;	                
                    marker.style.display="none";wrap_zoom.style.display="none";
                    wrap_ref.style.visibility="visible";flagZ=1;}}else{zInstr.innerHTML=naStr;}      
            zInstr.onclick=function(event){if(flagZ==2){zoom4();}else if(flagZ==3){zoom1();}else if(flagZ==1){zoom2();}}
        }catch(err){}
        }          
            
            
            /*
                            //refId.onclick=
                function zoom2(event){                 
	                if(!iFlag){zInstr.innerHTML=zoom4Str;}
	                marker.style.display="block";iFlag=0;flagZ=2;}  	        
	            //marker.onclick=
	            function zoom4(event){zInstr.innerHTML=zoomoutStr;
                    marker.style.display="none";wrap_zoom.style.display="block"; 
                    wrap_ref.style.visibility="hidden";iFlag=1;flagZ=3;}            
                //wrap_zoom.onclick=
                function zoom1(event){zInstr.innerHTML=zoomStr;	                
                    marker.style.display="none";wrap_zoom.style.display="none";
                    wrap_ref.style.visibility="visible";flagZ=1;}
                
                zInstr.onclick=function dZoom(event){if(flagZ==2){zoom4();}else if(flagZ==3){zoom1();}else if(flagZ==1){zoom2();}}
                  
                  
                            
                refId.onDragDrop=
                marker.onDragDrop=
                wrap_zoom.onDragDrop= dZoom();
              
                  
                    
                    }else{zInstr.innerHTML=naStr;}      
            }       
            
            
            */