var imgNo="0", thumbDim="75", 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;
    var abLoader;
    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;";
    /* swatches */
        var noBorder="1px solid #ffffff";var Border="1px solid #b87eb7";   
        var storeClass;
        var hoverClass="hTitle";
        var class1="wTitle", class2="mTitle";  
    /* end swatches */    
    /*basket confirmation */
        var baskFintv=50;
        var bopac=0;
        var basketInterval;
        var fadeinout=0;
        var resArr;
        var resArr=new Array();
        var dontAdd=0;
        var baskDelay=2000;    
    /* ajax img vars */    
        var element;
        var eStr=new Array();
        var pageLoaded=0;    
    /* master colour */
        var masterR;   
    /* level2 menu */
        var l2Offset=0;//-33+33 sideimages
        var prodinfo=0;
        var selectedId;
        var baseBg="#b87eb7";
        var l2delays;    
        var l2open=0;
        var saletab;    
	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.gif";
	    var zoom1ImgOn="/images/icon_zoom3_h.gif";	    
	    var zoom2s=document.getElementById('zoom2s');
	    var zoom2sI=document.getElementById('zoom2sI');
	    var zoom2ImgOff="/images/icon_zoom2.gif";
	    var zoom2ImgOn="/images/icon_zoom2_h.gif";	    
	    var zoom4s=document.getElementById('zoom4s');
	    var zoom4sI=document.getElementById('zoom4sI');
	    var zoom4ImgOff="/images/icon_zoom1.gif";
	    var zoom4ImgOn="/images/icon_zoom1_h.gif";	    
	    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=-10;var padt=-25;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)+11+"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];}}           
    function setThumb(){
        try{
            if(eStr[2]!=""){m0.src=eStr[2];}            
            if(eStr[3]!=""){m1.src=eStr[3];}            
            if(eStr[4]!=""){m2.src=eStr[4];}           
            if(eStr[5]!=""){m3.src=eStr[5];}            
            if(eStr[6]!=""){m4.src=eStr[6];}                   
        }catch(e){}         
        if(eStr[2]==""){spanI0.style.display="none";}
        else{spanI0.style.display="block";}
        if(eStr[3]==""){spanI1.style.display="none";}
        else{spanI1.style.display="block";}
        if(eStr[4]==""){spanI2.style.display="none";}
        else{spanI2.style.display="block";}
        if(eStr[5]==""){spanI3.style.display="none";}
        else{spanI3.style.display="block";}
        if(eStr[6]==""){spanI4.style.display="none";}
        else{spanI4.style.display="block";}}
    
    var newIn;
    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]; 
            newIn=eStr[1];             
            try{clearTimeout(timer);}catch(e){}               
            if(eStr[2]!=""){countThumb++;}
            if(eStr[3]!=""){countThumb++;}
            if(eStr[4]!=""){countThumb++;}
            if(eStr[5]!=""){countThumb++;}
            if(eStr[6]!=""){countThumb++;}                           
            var swatch=document.getElementById(swatchId);
            if(eStr[10]!=""){swatch.alt=pColour;swatch.src=eStr[10];}
            else{swatch.src=noSwatch;}
            if(pColour==""){pColour=eStr[11];}            
            try{
                if(masterR[0]=="flagmaster"){
                    document.getElementById('disColour').innerHTML=masterR[1];swatch.alt=masterR[1];}
                else{document.getElementById('disColour').innerHTML=pColour; }                    
                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";}              
            try{
                var newinObj=document.getElementById('imgnew');
                if(newIn==1){newinObj.style.display="block";}else{newinObj.style.display="none";}
            } catch (e) { }
            if (pageLoaded) {
                var oImg=document.createElement("img");
                oImg.setAttribute('src', eStr[7]);
                if (oImg.complete || version1 == "6.0" || is_chrome) {
                    countLoop = 0; 
                    setThumb();
                    img.src=eStr[7];fade();abLoader.style.display="none";
                    ImageName2=eStr[8];ImageName3=eStr[9];                      
                    ajaxreturn('zoom_img',ImageName2);
                    ajaxreturn('zoom_img1',ImageName3);                        
                }else{var timer=setTimeout("setImgSrc();",100);}
            }else{pageLoaded=1;
                setThumb();abLoader.style.display="none";
                ImageName2=eStr[8];ImageName3=eStr[9];               
                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" || is_chrome) {
                countLoop = 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);}
        }
    }            
    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"){pColour=pcolour;}       
        var pcode=pcode.replace("&#34;","\"");
        var URL="ajaxtest.asp";
        URL+="?bcode="+escape(bcode);
        URL+="&pcode="+escape(pcode);
        URL+="&pcol="+escape(pcolour);
        URL+="&img="+escape(img);
        URL+="&ThumbDim="+escape(thumbdim);
        URL+="&ImageDim1="+escape(imagedim1);
        URL+="&ImageDim2="+escape(imagedim2);
        URL+="&ImageDim3="+escape(imagedim3);
        URL+="&ImageFit="+escape(imagefit);  
        URL+="&Bool="+escape(fBool);        
        //alert(URL);
        xmlHttp.onreadystatechange=function(){ 
            if(xmlHttp.readyState==4 && xmlHttp.status==200){          
                element=xmlHttp.responseText;
                //alert(element);
                try{var masterFlag=element.split("#");
                    element=masterFlag[0]; masterR=masterFlag[1].split("~");}catch(e){}
                setImgSrc();}};       
        xmlHttp.open("GET",URL,true);
        xmlHttp.send(null);}       

    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=="colour_s" || ielements[i].className=="colour_s on"){
                ielements[i].className="colour_s";
            }
            else if(ielements[i].className=="colour_s _sout" || ielements[i].className=="colour_s _sout on"){
                ielements[i].className="colour_s _sout";
            }
        }
        if(obj.className=="colour_s" || obj.className=="colour_s on"){
            obj.className="colour_s on";
        }else if(obj.className=="colour_s _sout" || obj.className=="colour_s _sout on"){
            obj.className="colour_s _sout on";
        }
    }
    
    function doPrice(price,poffer){
        var saleImg=document.getElementById('imgsale');
        var saleTxt=document.getElementById('info_sprice');
        var priceTxt=document.getElementById('info_price');        
        if(poffer>price)//sale item
        {
            saleImg.style.display="block";            
            saleTxt.style.visibility="visible";
            priceTxt.innerHTML="&pound;"+poffer
            saleTxt.innerHTML="NOW &pound;"+price
        }
        else            //no sale item
        {
            saleImg.style.display="none";
            saleTxt.style.visibility="hidden";
            priceTxt.innerHTML="&pound;"+price;
        }    
    }
    function doBag(obj,barCode,pCol){var URL;
        URL="abasket.asp?";
        URL+="bc="+escape(barCode);  
        if(!dontAdd){
            var xmlHttp=createxmlHttp();            
            xmlHttp.onreadystatechange=function(){         
                if(xmlHttp.readyState==4 && xmlHttp.status==200){
                    bagConfirm(obj,xmlHttp.responseText);}};	
            xmlHttp.open("GET",URL,true);
            xmlHttp.send(null);}}   
    function bagConfirm(obj,responseIn){try{       
        if(!fadeinout){dontAdd=1;       
        resArr=responseIn.split("~");       
        if(resArr[1]!=""){document.getElementById('menu_basket_info').innerHTML=resArr[1];}   
            if(resArr[0]!=""){document.getElementById(obj+"text").innerHTML=resArr[0];}
            basketInterval=setInterval("fadeInBasket('"+obj+"')",baskFintv);}
        else{basketInterval=setInterval("fadeOutBasket('"+obj+"')",baskFintv);}}catch(e){}}   
    function fadeInBasket(obj){    
        var basket=document.getElementById(obj);
        basket.style.display="block";
        if(bopac<10){bopac+=1;
            basket.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+bopac*10+')';
            basket.style.filter='alpha(opacity='+bopac*10+')';
            basket.style.opacity=bopac/10;
        }else{basketInterval=window.clearInterval(basketInterval);        
        fadeinout=1;
        setTimeout("bagConfirm('"+obj+"')",baskDelay);}}    
    function fadeOutBasket(obj){
        var basket=document.getElementById(obj);    
        if(bopac>0){bopac-=1;
            basket.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+bopac*10+')';
            basket.style.filter='alpha(opacity='+bopac*10+')';
            basket.style.opacity=bopac/10;
        }else{basketInterval=window.clearInterval(basketInterval);fadeinout=0;basket.style.display="none";dontAdd=0;}}    
        
    function openLevel2(lvlIni,thisId,flag,selectFlag){       
        var l1spans=document.getElementsByTagName("SPAN");
        for(var i=0;i<l1spans.length;i++){
            if(l1spans[i].className=='level1con'){
                l1spans[i].style.background=baseBg;
                l1spans[i].style.borderBottom="2px solid #000000";
            }       
        }
        var thisl1=document.getElementById(lvlIni);
        thisl1.style.background="#ffffff";
        thisl1.borderBottom="2px solid #ffffff";
        l2open=1;doopenLevel2(lvlIni,thisId,flag,selectFlag);//}
    }
    function closeLevel2(lvlIni,thisId,flag,selectFlag){
        var linkstrc=lvlIni.length-1;
        var testLink=lvlIni.charAt(linkstrc);    
        var divstrc=thisId.length-1;
        var testDiv=thisId.charAt(divstrc);
        window.clearTimeout(l2delays);
        docloseLevel2(lvlIni,thisId,flag,selectFlag);
    }    
    function doopenLevel2(lvlIni,thisId,flag,selectFlag){
        window.clearTimeout(l2delays);
        l2open=1;
        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.style.borderBottom="2px solid #ffffff";
            if(lvlIn.className=="level1con l1sale"){                
                if(lvlIn.childNodes[0].innerHTML=="Sale"){
                    saletab=lvlIn.childNodes[0];
                }else{saletab=lvlIn.childNodes[1];}                
                saletab.style.color="#000000";}               
            if(!selectFlag)lvlIn.style.background="#ffffff";            
            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'));}            
            if(innerDiv.offsetWidth<linkWidth){innerDiv.style.width=linkWidth;}
            if(leftPos>=450){leftPos-=(innerDiv.offsetWidth)-linkWidth+26;}                
            else if(leftPos>=300){leftPos-=(innerDiv.offsetWidth/2)-82;}
            else if(leftPos>=120){leftPos=linkLeftPos+31;}
            else{leftPos+=30;}//-=l2Offset;}    
            
            if((leftPos+innerDiv.offsetWidth)>945){leftPos=30;}
            if(leftPos<0){leftPos=30;}
            thisLvl.style.left=leftPos+"px";   
        }catch(e){}}
    }                        
    function docloseLevel2(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);
            lvlIn.style.borderBottom="2px solid #000000";
            if(lvlIn.className=="level1con l1sale"){lvlIn.style.background="red";saletab.style.color="#ffffff";}
            else if(!selectFlag)lvlIn.style.background=baseBg;
            var thisLvl=document.getElementById(thisId);
            thisLvl.style.display="none";   
        }catch(e){}}