var btn_roll=   "#87D0ED"; // rollover + out normal btn
    var btn_rollout="#000000";
    var btn_rollov= "#000000"; //bottom page btn text colour
    var pageID, vtime, time=0, sessID="", sopen  ="506px", iopen = 506, sclose ="56px", iclose= 56;          
    //var objPage2=(document.getElementById('page2')); 
    var objPage3=(document.getElementById('page3'));
    var tempu=(document.getElementById("u"));       
    var timeout=0, t=0, ypos=0, q=0, g=0, ybound=0, speed=10, initpos=iclose, stop=0, Arrow=0, arrowD=0;
    var arrowDOff   ="images/downarrowoff.png";
    var arrowDOn    ="images/downarrowon.png";    
    var arrowUOff   ="images/uparrowoff.png";
    var arrowUOn    ="images/uparrowon.png";   
    var MenuOn      ="images/baskheadon.png";
    var MenuOff     ="images/baskhead.png";     
    var bFont       ="10px", sFont="10px";          
   
    function dropBask(){timetemp=setTimeout("doMenu1();",500);}  
    function stopMenu(){document.getElementById("u").style.height=sclose;ypos=iclose;g=0;arrowD=0;Arrow=0;doArrow();stop=1;return;}
    function startMenu(){stop=0;return;}    		
    function doMenu1(){if(!stop){changeheight();}}
    function changeheight(){        
        if(ypos >= ybound&&g==0){document.cookie="basket=1";g=1;arrowD=g;flagArrowD();return;}        			
        if(ypos==initpos &&g==1){document.cookie="basket=0";g=0;arrowD=g;flagArrowD();return;}         
        if(g)q=-speed;if(!g)q=speed;ypos=ypos+q;
        e=document.getElementById("u");
        e.style.height = ypos + 'px';
        t=setTimeout("changeheight();",0);}	         
    function flagArrowD(){    
        t_arrow=(document.getElementById("arrow"));
        if(arrowD){t_arrow.src=arrowUOff;t_arrow.title="Close Basket";}
        if(!arrowD){t_arrow.src=arrowDOff;t_arrow.title="Open Basket";}}
    function doArrow(){
        if(!stop){ 
            if(arrowD){            
                if(Arrow){Arrow=0;document.getElementById("arrow").src=arrowUOff;return;}   
                if(!Arrow){Arrow=1;document.getElementById("arrow").src=arrowUOn;return;}}        
            if(!arrowD){        
                if(Arrow){Arrow=0;document.getElementById("arrow").src=arrowDOff;return;}    
                if(!Arrow){Arrow=1;document.getElementById("arrow").src=arrowDOn;return;}}}
        else document.getElementById("arrow").title="Basket Empty";document.getElementById("arrow").title="Basket Empty";
    }      
    function doMenuOn(LinkID){ document.getElementById(LinkID).src=MenuOn;}
    function doMenuOff(LinkID){document.getElementById(LinkID).src=MenuOff;}     
    function doTable()                                    //onload
	{      	                
        setPage("basket");	
    	pageID=setPage("pagename");                       //do sessions page	
    	ybound=(document.getElementById("linktable").offsetHeight);
		ypos=(document.getElementById("u").offsetHeight);			   
        vtime=setTimeout("do_loadup(pageID);",time);      //nonsense (load?) bug timeout solves 
	}      
//called onload(doTable) -paramter = associated 'session ID' - holds/decides page state on reload
	function setPage(sessID){
		var beginindex, endindex, result 
		if(sessID=="pagename"){ 
			beginindex=document.cookie.indexOf(sessID)+9
			endindex=beginindex
			while (document.cookie.charAt(endindex)!=";"&&
			endindex<=document.cookie.length)
			endindex++
			result=document.cookie.substring(beginindex,endindex)
	        if(result=="jarrived"){			 doJarrived();	} 
	   else if(result=="bsell")	  {			 doBsell();		}
	   else{document.cookie="pagename=bsell";doBsell();	} 
	return result; }
	if(sessID=="basket"){    
            beginindex=document.cookie.indexOf(sessID)+7
            endindex=beginindex
            while (document.cookie.charAt(endindex)!=";"&&endindex<=document.cookie.length)
            endindex++
            result=document.cookie.substring(beginindex,endindex)    	
            //alert(document.cookie);
            if(result=="1"){doBasket(1);} 
            else {doBasket(0);}            
        } 
	}	
    function doBasket(doIn){
        if(doIn==1){tempu.style.height=sopen;ypos=iopen;g=1;arrowD=1;Arrow=1;doArrow();}
        else{tempu.style.height=sclose;ypos=iclose;g=0;}} 	
//onclick()- decides button clicked, + page currently associated with  button - result calls do'page'
	function doPage(c_pageID){btn_txt=(document.getElementById(c_pageID).innerHTML); 
		 if(c_pageID=="page3"){if(btn_txt=="Just Arrived"){doJarrived();}else{doBsell();}}
	else if(c_pageID=="page2"){if(btn_txt=="Just Arrived"){doJarrived();}else{doBsell();}}} 
//initialise page and btn combos	
	function doJarrived(){
		objPage2.innerHTML="Special Offers";
		objPage3.innerHTML="Just Arrived";document.cookie="pagename=jarrived";
		doTitle("bsell","page2",sFont,"none");
		doTitle("jarrived","page3",bFont,"block");
		doTitleOn();
		vtime=setTimeout("do_loadup('jarrived');",time);}
	function doBsell(){
		//objPage2.innerHTML="Just Arrived";
		objPage3.innerHTML="Special Offers";document.cookie="pagename=bsell"; 				
		//doTitle("jarrived","page2",sFont,"none"); 
		doTitle("bsell","page3",bFont,"block");
		doTitleOn();
		vtime=setTimeout("do_loadup('bsell');",time);}					
	function doTitle(menuID, titleID, fSize, doDisplay){ 
		document.getElementById(menuID).style.display=doDisplay;
		document.getElementById(titleID).style.fontSize=fSize;}
	function doTitleOn(){objPage3.style.color=btn_rollov;}
	function rolloverRight(btnID){document.getElementById(btnID).style.color=btn_roll;}
	function rolloutRight(btnID) {document.getElementById(btnID).style.color=btn_rollout; }