var imgNo="0", thumbDim="60", img1="350", img2="700", img3="1600", imgFit="1";
	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;
	var opaz1=0,opaz=100,fade1,fade2,imgBool=0,fInterval=50, mFadeIn=10, mFadeOut=10;
    var fadeT, tInterval=50, topac=10;
    var Image1Id="reference1",Image2Id="reference2";
    var ImageName2,ImageName3;	
    var point="0";
    var faded="0";
    var thumb0, thumb1, thumb2, thumb3, thumb4;
    var thumbsrc = new Array(); 
    var thumb=new Array();
    var src=new Array(); 
    var imgObj=new Array();
    var pColour,pCode,bCode,pSize;
    var fBool;
    var cCount=0;
    var countThumb=0;
    var intFadeIn=1, intFadeOut=1;
    var swatchId="disColourI";
    var noSwatch="/store/swatch/swatch_spacer.gif";	
    var counted="0";
    var descArr= new Array();
    descArr[0]="&nbsp;";descArr[1]="&nbsp;";
    var l2Offset=0;//-33+33 sideimages
    var prodinfo=0;
    var selectedId;
        var baseBg="#4c618c";
    /* swatches */
        var noBorder="1px solid #ffffff";var Border="1px solid #4c618c";   
        var storeClass;
        var hoverClass="hTitle";
        var class1="wTitle", class2="mTitle"; 
    /* end swatches */    
   
    
    /* ajax img vars */
    
    var element;
    var eStr=new Array();
    var pageLoaded=0;
    
        
	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};}                              	
	function zoomInfo(){	    
	    var wrap_ref=document.getElementById('wrap_info_image');
	    var wrap_zoom=document.getElementById('wrap_img_z');
	    var marker=document.getElementById('marker');
	    var refId=document.getElementById('reference');	    
	    var zoomOut=document.getElementById('zoomOut');
	    var zoom2=document.getElementById('zoom2');
	    var zoom4=document.getElementById('zoom4');
	    var zoom1s=document.getElementById('zoom1s');
	    var zoom1sI=document.getElementById('zoom1sI');
	    var zoom1ImgOff="/images/icon_zoom3.png";
	    var zoom1ImgOn="/images/icon_zoom3_h.png";	    
	    var zoom2s=document.getElementById('zoom2s');
	    var zoom2sI=document.getElementById('zoom2sI');
	    var zoom2ImgOff="/images/icon_zoom2.png";
	    var zoom2ImgOn="/images/icon_zoom2_h.png";	    
	    var zoom4s=document.getElementById('zoom4s');
	    var zoom4sI=document.getElementById('zoom4sI');
	    var zoom4ImgOff="/images/icon_zoom1.png";
	    var zoom4ImgOn="/images/icon_zoom1_h.png";	    
	    var markerX, markerY;	    
	    if(document.getElementById('reference1')){doordont=1;var iFlag=0;var handleH=250; var handleV=180;	        
	        var szoomInt=2;var zoomInt=4.6;var zvOffset=165;
	        var padb=+5;var padt=-15;var padS=-10;
		    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 baseImg=document.getElementById('reference2');
		        var zoomDiff=z1.offsetWidth/baseImg.offsetWidth;
		        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));}
			    markerY=pos.y;markerX=pos.x;
			    if(pos.y<=vOffset+padt){markerY=vOffset+padt;}	
			    if(pos.x<=hOffset+padS-10){markerX=hOffset+padS-10;}
			    if(pos.x>=mWidth-(hOffset)+-padS){markerX=mWidth-(hOffset)+-padS;}
			    if(pos.y>=mHeight-(vOffset)+-padb){markerY=mHeight-(vOffset)+-padb;}	    
			    try{
			    m.style.left=markerX+'px';
			    m.style.top=markerY +'px';						
			    z.style.left =(-pos.x*szoomInt)+hOffset-5+'px';
			    z.style.top  =(-pos.y*szoomInt)+vOffset+'px';			
			    if((pos.x*zoomDiff<=z1.offsetWidth)&&(pos.x>=0)){z1.style.left=(-pos.x*zoomInt)+ handleH+tWidth+5+'px';}			
			    if((pos.y*zoomDiff<=z1.offsetHeight)&&(pos.y>=0)){z1.style.top =(-pos.y*zoomInt)+ zvOffset+'px';}}catch(error){}}}									
            if(doordont){            
                zoom4.onclick=function zoom4(event){                 
	                marker.style.display="none";wrap_zoom.style.display="block";wrap_ref.style.visibility="hidden";
	                z1.style.left=-z1.offsetWidth/4+"px";
                    z1.style.top=-z1.offsetHeight+300+"px";
	                //zoom1s.className="icon_zoom";
	                zoom1sI.src=zoom1ImgOff; 
	                //zoom2s.className="icon_zoom";
	                zoom2sI.src=zoom2ImgOff;
	                //zoom4s.className="icon_zoomOn";
	                zoom4sI.src=zoom4ImgOn; 
	            }  	        
	            zoom2.onclick=function zoom2(event){
                    marker.style.display="block";
                    z.style.top=-z.offsetHeight+marker.offsetHeight/2+20+"px";
                    z.style.left=-z.offsetWidth+marker.offsetWidth*2+"px";                  
                    marker.style.top=(refId.offsetHeight-marker.offsetHeight/2)-4+"px";
                    marker.style.left=150+"px";  
                    wrap_zoom.style.display="none";wrap_ref.style.visibility="visible";
                   	//zoom1s.className="icon_zoom";
                   	zoom1sI.src=zoom1ImgOff; 
	                //zoom2s.className="icon_zoomOn";
	                zoom2sI.src=zoom2ImgOn;
	                //zoom4s.className="icon_zoom"; 
	                zoom4sI.src=zoom4ImgOff;  
                }        
                zoomOut.onclick=function zoomOut(event){
                    marker.style.display="none";wrap_zoom.style.display="none";wrap_ref.style.visibility="visible";
                	//zoom1s.className="icon_zoomOn";
                	zoom1sI.src=zoom1ImgOn;                	
	                //zoom2s.className="icon_zoom";
	                zoom2sI.src=zoom2ImgOff;
	                //zoom4s.className="icon_zoom";
	                zoom4sI.src=zoom4ImgOff;
                }
            }            
        }                    
    function createxmlHttp(){var request=false;
        try{request=new XMLHttpRequest();}catch(e){try{
        request=new ActiveXObject("Msxml2.XMLHTTP");}
        catch(e){try{request=new ActiveXObject("Microsoft.XMLHTTP");}
        catch(e){alert("Your browser does not support AJAX!");request=false;}}}return request;}     
    function ajaxreturn(img,element){
        try{//element=element.replace(" ","_");
        var thisImage=document.getElementById(img);
        thisImage.src=element;}catch(e){}} 
    function fadeOut(imgId,imgIdcom){    
        var imgIdcom=document.getElementById(imgIdcom);
        var imgIdIn=document.getElementById(imgId);
        if(opaz>0){opaz-=mFadeOut;            
            imgIdIn.style.opacity=opaz/100;
            imgIdIn.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opaz+')';
            imgIdIn.style.filter='alpha(opacity='+opaz+')';}
        else{fade1=window.clearInterval(fade1);opaz=100;
            if(imgId==Image1Id){imgBool=1;}else{imgBool=0;}}}//}        
    function fadeIn(imgId){    
        var imgIdIn=document.getElementById(imgId);        
        if(imgIdIn.complete){        
        if(opaz1<100){opaz1+=mFadeIn;            
            imgIdIn.style.opacity=opaz1/100;
            imgIdIn.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opaz1+')';
            imgIdIn.style.filter='alpha(opacity='+opaz1+')';}
        else{fade2=window.clearInterval(fade2);opaz1=0;imgIdIn.style.removeAttribute('filter');
            if(imgId==Image1Id){imgBool=0;}else{imgBool=1;}}}}            
    function fade(){    
        fade1=window.clearInterval(fade1);
        fade2=window.clearInterval(fade2);
        if(!imgBool){
            fade1=setInterval("fadeOut('"+Image1Id+"','"+Image2Id+"')",fInterval);
            fade2=setInterval("fadeIn('"+Image2Id+"')",fInterval);}
        else{
            fade1=setInterval("fadeOut('"+Image2Id+"','"+Image1Id+"')",fInterval);
            fade2=setInterval("fadeIn('"+Image1Id+"')",fInterval);}}
    function doDesc(divId,Flag,title1,oobj){   
        var descdiv=document.getElementById(divId);
        var title2=document.getElementById(oobj);             
        title1.className=class1;title2.className=class2;        
        if(!Flag){descdiv.innerHTML=descArr[0];}              
        else{descdiv.innerHTML=descArr[1];}}           
    
    var countSet;
    var abLoader;
    function setThumb(){       
        countSet=0;
        try{
            if(eStr[1]!=""){m0.src=eStr[1];}            
            if(eStr[2]!=""){m1.src=eStr[2];}            
            if(eStr[3]!=""){m2.src=eStr[3];}           
            if(eStr[4]!=""){m3.src=eStr[4];}            
            if(eStr[5]!=""){m4.src=eStr[5];}                   
        }catch(e){} 
        if(eStr[1]==""){spanI0.style.display="none";}
            else{spanI0.style.display="block";}
        if(eStr[2]==""){spanI1.style.display="none";}
            else{spanI1.style.display="block";}
        if(eStr[3]==""){spanI2.style.display="none";}
            else{spanI2.style.display="block";}
        if(eStr[4]==""){spanI3.style.display="none";}
            else{spanI3.style.display="block";}
        if(eStr[5]==""){spanI4.style.display="none";}
            else{spanI4.style.display="block";}       
    }          

    function setImgSrc(){
        eStr=element.split("~");       
        countThumb=0;
        if(!imgBool){var img=document.getElementById(Image2Id);}
        else{var img=document.getElementById(Image1Id);}   
       if(fBool=="true"){ 
            bCode=eStr[0];   
            try{clearTimeout(timer);}catch(e){}               
                if(eStr[1]!=""){countThumb++;}
                if(eStr[2]!=""){countThumb++;}
                if(eStr[3]!=""){countThumb++;}
                if(eStr[4]!=""){countThumb++;}
                if(eStr[5]!=""){countThumb++;}                
                if(pColour==""){pColour=eStr[10];}                   
                try{
                    if(masterR[0]=="flagmaster"){
                        document.getElementById('disColour').innerHTML=masterR[1];}
                    else{document.getElementById('disColour').innerHTML=pColour;}                    
                        document.getElementById('bold').innerHTML=pColour;
                }catch(e){}                
                try{document.getElementById('bold').innerHTML=pColour;}catch(e){}      
                if(countThumb<=1){document.getElementById('image_col2').style.display="none";}  
                else{document.getElementById('image_col2').style.display="block";}          
                if(pageLoaded){
                    var oImg=document.createElement("img");
                    oImg.setAttribute('src', eStr[6]);         
                    if(oImg.complete || version1=="6.0"){ 
                        setThumb();
                        img.src=eStr[6];fade();abLoader.style.display="none";
                        ImageName2=eStr[7];ImageName3=eStr[8];                      
                        ajaxreturn('zoom_img',ImageName2);
                        ajaxreturn('zoom_img1',ImageName3);                        
                    }else{var timer=setTimeout("setImgSrc();",100);}
                }else{  pageLoaded=1;
                        setThumb();abLoader.style.display="none";
                        ImageName2=eStr[7];ImageName3=eStr[8];               
                        ajaxreturn('zoom_img',ImageName2);
                        ajaxreturn('zoom_img1',ImageName3);                 
                }          
        }else{        
            try{clearTimeout(timer);}catch(e){}
            var oImg=document.createElement("img");
            oImg.setAttribute('src', eStr[0]);
            if(oImg.complete || version1=="6.0"){       
                img.src=eStr[0];fade();ImageName2=eStr[1];ImageName3=eStr[2];                
                abLoader.style.display="none";
                ajaxreturn('zoom_img',ImageName2);
                ajaxreturn('zoom_img1',ImageName3);                
            }else{var timer=setTimeout("setImgSrc();",100);}
        }
    }
    var getResponse,result,sizes;   
    var masterR;           
    function getImgSrc(bcode,pcode,pcolour,img,thumbdim,imagedim1,imagedim2,imagedim3,imagefit,eBool){        
        masterR="";
        var xmlHttp=createxmlHttp();                 
        abLoader=document.getElementById("absLoader");
        abLoader.style.display="block";
        fBool=eBool;
        pcolour=pcolour.replace("&","%26");
        if(eBool=="true"){pSize="";pColour=pcolour;try{document.getElementById('bolds').innerHTML="";}catch(e){}}       
        var pcode=pcode.replace("&#34;","\"");
        var URL="ajaxinfo.asp";
        URL+="?bcode="+bcode+"&pcode="+pcode+"&pcol="+pcolour+"&img="+img;
        URL+="&ThumbDim="+thumbdim;
        URL+="&ImageDim1="+imagedim1;
        URL+="&ImageDim2="+imagedim2;
        URL+="&ImageDim3="+imagedim3;
        URL+="&ImageFit="+imagefit;  
        URL+="&Bool="+fBool; 
        xmlHttp.onreadystatechange=function(){ 
            if(xmlHttp.readyState==4&&xmlHttp.status==200){            
                var splitResponse;            
                splitResponse=xmlHttp.responseText;           
                if(splitResponse.search("flagmaster")==-1){getResponse=splitResponse.split("#");}
                else{getResponse=splitResponse.split("^");
                    masterR=getResponse[1].split("~");               
                    getResponse=getResponse[0].split("#");               
                }
                if(fBool=="true"){element=getResponse[0];sizes=getResponse[1].split("~");setSizes();}
                else{element=splitResponse;}             
                setImgSrc();
            }
        };	
        xmlHttp.open("GET",URL,true);
        xmlHttp.send(null);}       
    
    function setSizes(sizeCall){     
        var sizeDisplay=document.getElementById('tsize_s');    
        var sizeSelection=document.getElementById('bolds');
        var OoS=0;
        if(sizeCall=="basket"){
        var xmlHttp=createxmlHttp();
        }else{       
            var sizeDiv=document.getElementById('content');
            while(sizeDiv.childNodes.length>=1){sizeDiv.removeChild(sizeDiv.firstChild);}        
            try{if(sizes.length<=3){pSize=sizes[1];}
            else{document.getElementById('wrap_sizes').style.display="block";
            sizeDisplay.style.display="block";}}catch(e){}
            for(var iC=0;iC<sizes.length-1;iC++){    
                var el=document.createElement('div');           
                if(parseInt(sizes[iC])==1){      
                    el.className="this_s";
                    el.id="size"+sizes[iC]+"~"+sizes[iC+1];OoS+=1;
                    Event.add(el,'click',function(){Size(this);});}
                else{el.className="this_s sout";}         
                iC++;el.innerHTML=sizes[iC];           
                sizeDiv.appendChild(el); 
            }
            if(!OoS){try{pSize=sizes[1];
            sizeSelection.innerHTML="no sizes available";}catch(e){}
            }//adds a size to nostock item so basket can return out of stock
        }    
    }
    function Size(obj){try{        
        var baseDiv=document.getElementById("content");
        var ielements=baseDiv.childNodes;  
        for(i=0;i<ielements.length;i++){if(ielements[i].className!="this_s sout"){ielements[i].className="this_s";}}
        obj.className="this_s sOn";
        var getSize=obj.id.split("~");pSize=getSize[1];
        document.getElementById('bolds').innerHTML=pSize;
        }catch(e){}}  
       
    var Dom={
        get:function(el){if(typeof el==='string'){return document.getElementById(el);}else{return el;}},
        add:function(el,dest){var el=this.get(el);var dest=this.get(dest);dest.appendChild(el);},
        remove:function(el){var el=this.get(el);el.parentNode.removeChild(el);}};    
    var Event={
        add:function(){
            if(window.addEventListener){
                return function(el,type,fn){Dom.get(el).addEventListener(type,fn,false);};}
            else if(window.attachEvent){
                return function(el,type,fn){
                    var f=function(){fn.call(Dom.get(el),window.event);};
                    Dom.get(el).attachEvent('on'+type,f);
                };
            }
        }()
    };

    function spanSwatch(obj){     
        var element=document.getElementById("parentD");
        var ielements=element.childNodes;  
        
        for(i=0;i<ielements.length;i++){    
            //alert(ielements[i].className);
            if(ielements[i].className=="this_s" || ielements[i].className=="this_s sOn"){
                ielements[i].className="this_s";
            }
            else if(ielements[i].className=="this_s sout" || ielements[i].className=="this_s _sout sOn"){
                ielements[i].className="this_s sout";
            }
        }
        if(obj.className=="this_s" || obj.className=="this_s sOn"){
            obj.className="this_s sOn";
        }else if(obj.className=="this_s sout" || obj.className=="this_s sout sOn"){
            obj.className="this_s sout sOn";
        }
    }
    var l2delays;    
    var l2open=0;    
    function openLevel2(lvlIni,thisId,flag,selectFlag){   
        var link=lvlIni.split("level1N");
        if(selectFlag==0 || selectFlag==1)
        {
            window.clearTimeout(l2delays);
            l2open=1;
            doopenLevel2(lvlIni,thisId,flag,selectFlag);  
        }
        else{l2open=1;doopenLevel2(lvlIni,thisId,flag,selectFlag);}//}    
    }    
    function doopenLevel2(lvlIni,thisId,flag,selectFlag){
        if(l2open){
        if(selectFlag==1){selectedId=lvlIni;}
        if(selectFlag==2){if(lvlIni==selectedId){selectFlag=1;}else{selectFlag=0;}}try{
            var lvlIn=document.getElementById(lvlIni);
            var linkWidth=lvlIn.offsetWidth;      
            var linkLeftPos=lvlIn.offsetLeft;    
            var leftPos=lvlIn.offsetLeft;   
            lvlIn.className="l1link l1h";  
            
            
            var len=lvlIn.childNodes.length;
            for(var i=0;i<len;i++)
            {
                //alert(lvlIn.childNodes[i].className);
                //alert(lvlIn.getAttribute('id'));          
            }
            
            var thisLvl=document.getElementById(thisId);            
            if (thisLvl.style.display="none") thisLvl.style.display="block";            
            var listOfChildNodes=document.getElementById(thisId).childNodes;
            var numberOfChildNodes=listOfChildNodes.length;
            for(i=0;i<numberOfChildNodes;i++){
                var innerDiv=document.getElementById(listOfChildNodes[i].getAttribute('id'));
                
                //alert(listOfChildNodes[i].className);
                
                } 
            //alert(leftPos);      
            if(innerDiv.offsetWidth<linkWidth){innerDiv.style.width=linkWidth-10+'px';}         
            if(leftPos>=450){leftPos-=(innerDiv.offsetWidth)-linkWidth+0;}                
            else if(leftPos>=250){leftPos-=(innerDiv.offsetWidth/2)-linkWidth/2;}
            //else if(leftPos>=120){leftPos=0;}//linkLeftPos;}
            //else{leftPos;}//-=l2Offset;}    
            if(leftPos<0){leftPos=0;}
            innerDiv.style.left=leftPos+"px";   
        }catch(e){}}}                
    function closeLevel2(lvlIni,thisId,flag,selectFlag){
        l2open=0;
        if(selectFlag==1){selectedId=lvlIni;}
        if(selectFlag==2){
            if(lvlIni==selectedId){selectFlag=1;}
            else{selectFlag=0;}}try{
            var lvlIn=document.getElementById(lvlIni);
            if(!selectFlag){lvlIn.className="l1link";}
            else{lvlIn.className="l1link l1o";}
            var thisLvl=document.getElementById(thisId);
            thisLvl.style.display="none";   
        }catch(e){}}
        
function doZoomBtn(obj){    
    // add new hover function !!!!
    //alert(obj.src);
   //if(obj.src.indexOf('h')<1){obj.src="/images/zoom_icon2.png"}
}