var imgNo="0", thumbDim="70", img1="300", img2="600", img3="1200", 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 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();
    var l2Offset=144;//-33+33 sideimages
    var prodinfo=0;
    var selectedId;
    
    /* swatches */
        var noBorder="1px solid #ffffff";var Border="1px solid #ac869d";   
        var storeClass;
        var hoverClass="hTitle";
        var class1="wTitle", class2="mTitle";  
    /* end swatches */
    
    /*basket confirmation */
        var baskFintv=50;
    
	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(){
	    getImgSrc(bCode,pCode,pColour,imgNo,thumbDim,img1,img2,img3,imgFit,'true');
	    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');
	    var aloader=document.getElementById('aloader');
	    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';						
			    //hack for zoom icon
			    //aloader.style.left=pos.x+135+'px';
			    //aloader.style.top=pos.y-20+'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();}}}          
    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(imgIdcom.complete){
        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){
        
        //var t=setTimeout("javascript statement",milliseconds);

        //fade1=setTimeout("doSome();",1000);
        //window.cearTimeout("doSome();", 5000);

        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(){    
        //var tzor=new window.setTimeout("doSome();",1000);
        //window.clearTimeout(tzor);
        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;storeClass=class1;        
        //while(descdiv.firstChild)descdiv.removeChild(descdiv.firstChild); 
        //descdiv.appendChild(document.createTextNode(descArr[0])); 
        //descdiv.appendChild(document.createTextNode(descArr[1]));
        //<p>no use for literal</p>
        if(!Flag){descdiv.innerHTML="";descdiv.innerHTML=descArr[0];}              
        else{descdiv.innerHTML="";descdiv.innerHTML=descArr[1];}}           
    function deschOn(obj){storeClass=obj.className;obj.className=hoverClass;}    
    function deschOff(obj){obj.className=storeClass;}
   
   
   
   
   /* NEW HERE */
   

        
    
    function fadeThumb(imgId,fadeFlag){
        //fadeT=window.clearInterval(fadeT);
        if(fadeFlag=="0"){fadeT=setInterval("fadeOutThumb('"+imgId+"')",tInterval);}
        else if(fadeFlag=="1"){fadeT=setInterval("fadeInThumb('"+imgId+"')",tInterval);}
        
    
    }
    function fadeOutThumb(imgIdIn,imgSrcIn,tCount){
        //alert("test");
        thumb0=document.getElementById('m0');
        thumb1=document.getElementById('m1');
        thumb2=document.getElementById('m2');
        thumb3=document.getElementById('m3');
        thumb4=document.getElementById('m4');       
        //alert("thumb0-"+thumb0.onComplete+"thumb1-"+thumb1.complete+"thumb2-"+thumb2.complete);
        
        
        
        if(topac>0){topac-=intFadeOut;try{            
            thumb0.style.opacity=opac/10;
            thumb0.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opac*10+')';
            thumb0.style.filter='alpha(opacity='+topac*10+')';
            thumb1.style.opacity=opac/10;
            thumb1.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opac*10+')';
            thumb1.style.filter='alpha(opacity='+topac*10+')';
            thumb2.style.opacity=opac/10;
            thumb2.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opac*10+')';
            thumb2.style.filter='alpha(opacity='+topac*10+')';
            thumb3.style.opacity=opac/10;
            thumb3.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opac*10+')';
            thumb3.style.filter='alpha(opacity='+topac*10+')';
            thumb4.style.opacity=opac/10;
            thumb4.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+opac*10+')';
            thumb4.style.filter='alpha(opacity='+topac*10+')';
            }catch(e){}}
        else{fadeT=window.clearInterval(fadeT);}
    }   

  
    
    function fadeInThumb(imgIdIn){  
    
    try{thumb0.src=thumbsrc[0];thumb1.src=thumbsrc[1];thumb2.src=thumbsrc[2];thumb3.src=thumbsrc[3];thumb4.src=thumbsrc[4];}catch(e){}         

    //if(thumb0.complete){   
        if(topac<10){topac+=intFadeIn;
            thumb0.style.filter='alpha(opacity='+topac*10+')';
            thumb1.style.filter='alpha(opacity='+topac*10+')';
            thumb2.style.filter='alpha(opacity='+topac*10+')';
            thumb3.style.filter='alpha(opacity='+topac*10+')';
            thumb4.style.filter='alpha(opacity='+topac*10+')';
           
            }
        else{fadeT=window.clearInterval(fadeT);}}//}
    
    function setThumb(thumbId,imgSrc,tCount){
        fadeT=clearInterval(fadeT);     
        fadeT=setInterval("fadeOutThumb('"+thumbId+"','"+imgSrc+"','"+tCount+"')",tInterval);
        try{thumb0.src='';thumb1.src='';thumb2.src='';thumb3.src='';thumb4.src='';}catch(e){}
        try{thumb0.src=thumbsrc[0];thumb1.src=thumbsrc[1];thumb2.src=thumbsrc[2];thumb3.src=thumbsrc[3];thumb4.src=thumbsrc[4];}catch(e){}         
        //alert(thumb0.complete);
        
        //fadeT=setInterval("fadeInThumb('"+thumbId+"');",tInterval);

    
    
    }      
    function setImgSrc(element){  
          
        var eStr=element.split("~");       
        countThumb=0;
        if(!imgBool){var img=document.getElementById(Image2Id);}
        else{var img=document.getElementById(Image1Id);}   
       //alert(img.complete);
       bCode=eStr[0];
       if(fBool=="true"){    
            try{clearTimeout(timer);}catch(e){}
            var oImg=document.createElement("img");
            oImg.setAttribute('src', eStr[6]);
           // if(oImg.complete){               
                if(thumb0){countThumb+=1;}; 
                thumbsrc[0]=eStr[1];                
                if(thumb1){countThumb+=1;};
                thumbsrc[1]=eStr[2];
                if(thumb2){countThumb+=1;};
                thumbsrc[2]=eStr[3];
                if(thumb3){countThumb+=1;};
                thumbsrc[3]=eStr[4];
                if(thumb4){countThumb+=1;};
                thumbsrc[4]=eStr[5];              
                img.src=eStr[6];ImageName2=eStr[7];ImageName3=eStr[8];            
                var swatch=document.getElementById(swatchId);
                if(eStr[9]!=""){swatch.alt=pColour;swatch.src=eStr[9];}else{swatch.src=noSwatch;}
                if(pColour==""){pColour=eStr[10];}            
                document.getElementById('disColour').innerHTML=pColour;
                document.getElementById('bold').innerHTML=pColour;      
                if(countThumb<=1){document.getElementById('image_col2').style.display="none";}      
                setThumb("m","thumb",countThumb);
                ajaxreturn('zoom_img',ImageName2);
                ajaxreturn('zoom_img1',ImageName3);       
                fade();  
             //}else{var timer=setTimeout("setImgSrc('"+element+"');",100);}          
        }else{        
            try{clearTimeout(timer);}catch(e){}
            var oImg=document.createElement("img");
            oImg.setAttribute('src', eStr[1]);
            if(oImg.complete){       
                img.src=eStr[1];ImageName2=eStr[2];ImageName3=eStr[3];
                ajaxreturn('zoom_img',ImageName2);
                ajaxreturn('zoom_img1',ImageName3);       
                fade();
            }else{var timer=setTimeout("setImgSrc('"+element+"');",100);}
        }
    }
                        
    function getImgSrc(bcode,pcode,pcolour,img,thumbdim,imagedim1,imagedim2,imagedim3,imagefit,eBool){
        //alert(pcode+"-"+pcolour+"-"+img+"-"+imagedim+"-"+imagefit);
        fBool=eBool;
        if(eBool=="true"){pColour=pcolour;}
        pcolour=pcolour.replace("&","%26");
        var URL="ajaxtest.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;       
        var xmlHttp=createxmlHttp();
        xmlHttp.onreadystatechange=function(){ 
        if(xmlHttp.readyState==4 && xmlHttp.status==200){setImgSrc(xmlHttp.responseText);}};	
        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++){    
        ielements[i].style.border=noBorder;}
        obj.style.border=Border;}    
       
       
    
   
        
        
   /*     
        
          //var imgId=document.getElementById(imgIdIn);
       // if(thumb0.complete&&thumb1.complete&&thumb2.complete&&thumb3.complete&&thumb4.complete){       
            
            //if(thumb0.complete && thumb1.complete && thumb2.complete && thumb3.complete && thumb4.complete){
  
  
                  //alert(imgIdIn+"-"+topac);
                //imgId.style.opacity=topac/10;
                //imgId.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+topac*10+')';
                //imgId.style.filter='alpha(opacity='+topac*10+')';}
            
  
  
        //setThumb("m0","thumb0","m0","thumb0","m0","thumb0","m0","thumb0","m0","thumb0");        
        
    function countObj(){
        counted="0";
        cCount=1;
        
        if(cCount<countThumb){
            if(thumb0.complete=="true"){cCount+=1;}
            if(thumb1.complete){cCount+=1;}
            if(thumb2.complete){cCount+=1;}
            if(thumb3.complete){cCount+=1;}
            if(thumb4.complete){cCount+=1;}
            alert(cCount+"-"+countThumb);
            if(cCount==countThumb){fadeT=window.clearInterval(fadeT);counted="1";}}
        else{fadeT=window.clearInterval(fadeT);counted="1";}}
                
        
*/


/*

function showImage(imageName)
{
    var default_img = document.getElementById('defaultImage');

    tmp_img = new Image();
    tmp_img.onload=function() {
        default_img.width = this.width;
        default_img.height = this.height;
        default_img.src = imageName;
    }
    tmp_img.src = imageName;
}
*/
//img.onload=fade();
            
            
            
    var bopac=0;
    var basketInterval;
    var fadeinout=0;
    var resArr;
    var resArr=new Array();
    var dontAdd=0;
    
    function doBag(obj,barCode,pCol,pSiz){var URL;
        URL="/abasket.asp?";
        URL+="bc="+barCode;
        URL+="&pc="+pCol;
        URL+="&ps="+pSiz;
        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);
            }
            document.getElementById('bagC').innerHTML=''
            }   
    function bagConfirm(obj,responseIn){       
        if(!fadeinout){dontAdd=1;       
        resArr=responseIn.split("~");       
        if(resArr[1]!=""){document.getElementById('menu_basket_info').innerHTML=resArr[1];}   
            if(resArr[0]!=""){document.getElementById(obj).innerHTML=resArr[0];}
            basketInterval=setInterval("fadeInBasket('"+obj+"')",baskFintv);}
        else{basketInterval=setInterval("fadeOutBasket('"+obj+"')",baskFintv);}}   
    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+"')",2000);}}    
    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){
        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 leftPos=lvlIn.offsetLeft; 
            lvlIn.style.borderBottom="2px solid #ffffff";
            if(!selectFlag)lvlIn.style.background="#ffffff";
            var thisLvl=document.getElementById(thisId);            
            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(leftPos>500){leftPos-=innerDiv.offsetWidth+15;}                
            else if(leftPos>300){leftPos-=(innerDiv.offsetWidth/2)+(linkWidth/2);}
            else if(leftPos>150){leftPos-=linkWidth;}
            else{leftPos-=l2Offset;}           
            thisLvl.style.left=leftPos+prodinfo+"px";                
        }catch(e){}}                
    function closeLevel2(lvlIni,thisId,flag,selectFlag){
        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(!selectFlag)lvlIn.style.background="#ac869d";
            var thisLvl=document.getElementById(thisId);
            thisLvl.style.display="none";   
        }catch(e){}}






















/*



    function setLevel2(){
        for(var i=0; i< document.getElementById('level1').childNodes.length; i++){                      
            var test= new Array();

            
            var xx=document.getElementById('level1');
            //alert(xx.childNodes[i].id);
            //alert(xx.childNodes[i].nodeName);
            //var x2=docuemnt.getElementById
            if(xx!=undefined){
                //alert(xx);
            }
        }
    }
  
  
  
  
  
  
  ***top level tester***
  
                  var linkWidth=lvlIn.offsetWidth;
              
                //alert(linkWidth);
                var leftPos=lvlIn.offsetLeft; 
                  //alert(leftPos);
                  //alert(leftPos);   
                var thisPos=leftPos+linkWidth;
                if(leftPos>500-l2Offset){               
                    leftPos-=innerDiv.offsetWidth+15-l2Offset;
                    thisLvl.style.left=leftPos+"px";}                
                else if(leftPos>300-l2Offset){
                    leftPos-=(innerDiv.offsetWidth/2)+(linkWidth/2)-l2Offset;
                    thisLvl.style.left=leftPos+"px";
                
                }else if(leftPos>150-l2Offset){
                    leftPos-=linkWidth-l2Offset;
                    thisLvl.style.left=leftPos+"px";
                }
                else{
                
                
                //leftPos-=l2Offset;
                
                thisLvl.style.left=leftPos-180+"px";}
  
  
  
  
  
  
  
  
  
  */