var imgNo="0", thumbDim="80", 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 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;//alert(eStr[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";
                    //document.getElementById('left').style.width=390+'px';
                    //document.getElementById('right').style.width=585+'px';
                }  
                else{document.getElementById('image_col2').style.display="block";
                    //document.getElementById('left').style.width=470+'px';
                    //document.getElementById('right').style.width=500+'px';               
                }          
                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;  
    var firstLoad=0;         
    function getImgSrc(bcode,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"){firstLoad+=1;pColour=pcolour;try{document.getElementById('bolds').innerHTML="";}catch(e){}}       
        //var pcode=pcode.replace("&#34;","\"");
        var URL="/ajaxinfo.asp";
        URL+="?bcode="+bcode+"&pcol="+pcolour+"&img="+img;
        URL+="&ThumbDim="+thumbdim;
        URL+="&ImageDim1="+imagedim1;
        URL+="&ImageDim2="+imagedim2;
        URL+="&ImageDim3="+imagedim3;
        URL+="&ImageFit="+imagefit;  
        URL+="&Bool="+fBool; 
        //alert(URL);
        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("~");                             
                }
                if(fBool=="true"){element=getResponse[0];
                }
                else{element=splitResponse;}             
                setImgSrc();
            }
        };	
        xmlHttp.open("GET",URL,true);
        xmlHttp.send(null);}       
    
    
    
    
    var countSizes=0,getSize="",getObj;
    
    function setSizes(obj,colour){ 
        var OoS=0;    
        var sizeDiv=document.getElementById('sContainer');
        while(sizeDiv.childNodes.length>=1){Dom.remove(sizeDiv.firstChild);}//sizeDiv.removeChild(sizeDiv.firstChild);}        
        for(var i=0;i<obj.length;i++){    
            if(obj[i][0]==colour){
                countSizes+=1;                    
                var el=document.createElement('div');              
                el.innerHTML=obj[i][1];
                getSize=obj[i][1];
                el.className="this_s";
                if(parseInt(obj[i][6])==1)
                {
                    Event.add(el,'click',function(){Sizes(this);});
                    getObj=el;
                }
                else
                {
                    el.className="this_s sout";//try{pSize=obj[i][1];}catch(e){}
                }         
                Dom.add(el,sizeDiv);          
            }
        }
        
        if(countSizes<2)
        {
            Sizes(getObj);
            pSize=getSize;
            //document.getElementById('wrapSizes').style.display="none";           
        }
        else
        {
            document.getElementById('wrapSizes').style.display="block";
        }
    }
    var countThru=0;
    var thisColourArr=[];
    var coloursArr=new Array(),thisCount=0;
    function Colours(objI){countThru=0;var countColours=0;
        var baseDiv=document.getElementById('cContainer');
        var thisbCode;     var thisColour="";var allOut=true;      
        for(var i=0;i<objI.length;i++){                        
            if(objI[i][0]!=thisColour && objI[i][6]==1){
                if(objI[i][6]==1){countColours+=1;}
                thisColour=objI[i][0];
                thisbCode=objI[i][5];                       
                var oos=true;
                for(var j=0;j<objI.length;j++)
                {
                    if(objI[j][6]==1 && objI[j][0]==thisColour){oos=false;allOut=false;}
                }
                if(!oos){
                    var el=document.createElement('div');
                    el.className="this_s";            
                    el.innerHTML=thisColour;
                    el.id=thisColour;
                    var setColour=thisColour;
                    Dom.add(el,baseDiv);  
                    el.bCode=thisbCode;     
                    Event.add(el,'click',function(){
                        doColour(this);                
                        setSizes(objI,this.innerHTML);                   
                        getImgSrc(this.bCode,this.innerHTML,'0',thumbDim,img1,img2,img3,imgFit,'true');
                    });
                    try{
                        if(pColour!=""){
                            if(thisColour.toLowerCase()!=pColour.toLowerCase()){
                                if(countThru==0){doColour(el);setSizes(objI,el.innerHTML);}}
                            else{countThru=1;doColour(el);setSizes(objI,el.innerHTML);}}
                        else{pColour=thisColour;doColour(el);setSizes(objI,el.innerHTML);}
                    }catch(e){}     
                } 
            }       
        }  
        if(countColours<2){document.getElementById('wrapColours').style.display="none";}
        else{document.getElementById('wrapColours').style.display="block";}   
        if(allOut){showBasket('wrapBasketBtn','outofstock');}
    }
    function showBasket(par1,par2)
    {        
        document.getElementById(par1).style.display="none";
        document.getElementById(par2).style.display="block";      
    }
    
     //id=""spsw"&count_col&""" onclick=""getImgSrc('"&rs_size("barcode")&"','"&Replace(rs_product("p_code"),"""","&#34;")&"','"&Capitalise(rs_size("p_colour"))&"','0',thumbDim,img1,img2,img3,imgFit,'true');spanSwatch(this);
    function Sizes(obj){try{      
        var baseDiv=document.getElementById("sContainer");
        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="thisOn";
        pSize=obj.innerHTML.replace("+","%2b");
        document.getElementById('sInfo').innerHTML=obj.innerHTML;
        }catch(e){}} 
    function doColour(obj){
        //alert(countSizes);
        countSizes=0;
        pSize="";
        //if(countSizes>1){pSize="";}
        //else{pSize=getSize;}
        pColour=obj.innerHTML;     
        document.getElementById('sInfo').innerHTML="";
        document.getElementById('cInfo').innerHTML=obj.innerHTML;
        var element=document.getElementById("cContainer");
        var ielements=element.childNodes;  
        
        for(i=0;i<ielements.length;i++){    
            //alert(ielements[i].className);
            if(ielements[i].className=="this_s" || ielements[i].className=="thisOn"){
                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=="thisOn"){
            obj.className="thisOn";
        }else if(obj.className=="this_s sout"){
            obj.className="this_s sout";
        }
    }    
    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 createArray(responseText){        
            var results=responseText.split("~");
            var arrayStk=[],count1=0,count2=0;
            for(var i=0;i<results.length;i++){           
                if(count2==0){arrayStk[count1]=[];}
                arrayStk[count1][count2]=results[i];count2++;
                if(count2==7){count2=0;count1++;}}Colours(arrayStk);}
        
        
        function doInfoArray(level1,pcode,pcol){        
            var xmlHttp=createxmlHttp();  
            var URL="/ajaxinfodata.asp?L1="+level1+"&pcode="+pcode//+"&pcol="+pcol;
            xmlHttp.onreadystatechange=function(){if(xmlHttp.readyState==4&&xmlHttp.status==200){createArray(xmlHttp.responseText);}};	
        xmlHttp.open("GET",URL,true);xmlHttp.send(null);}