var type, time, navTime;  //global variables



function init() {type = chk();}



function chk(){
   var brow = 0;

   if (document.getElementById){ brow = 0; } // dom
   else if (document.all) { brow = 2; } // ie < 6 + quirks
   else if (document.layers) { brow = 1; } // ns < 6 quirks
   else { brow = 0; }
   return brow;
}



function layObj(type,div){
   if (type == 2) {this.ref = eval('document.all.' + div + '.style');}
   else if (type == 1) {this.ref = eval('document.' + div);} // eval('document.layers[div]');} seems to be wrong??
   else { this.ref = document.getElementById(div).style;} // default to dom  
}



//The functions below handle opening the menus
//(and keeping them open if needs be)











function openmenu(div)
{ 
   closeall(div);
   lay = new layObj(type,div);
   lay.ref.visibility = 'visible';
}











function stayopen()
{
   clearTimeout(time); 
}



//The functions below handle closing the menus
//



function closemenu ()
{
   time = setTimeout("closeall('menu0');", 1000);
}








function closeall(div)
{
  for(var i = 1; i <= 4; i++)
   { 
      var cl = "menu" + i;
      if (cl == div) {continue;} 
      lay = new layObj(type,cl);   
      lay.ref.visibility = "hidden";   
   }
} 









function swapOff(whichNav){
   navTime = setTimeout("image_swap('" + whichNav + "','button_" + whichNav + "','" + whichNav + "0');",1000);
}








function swapOn(whichNav){
	image_swap('' + whichNav + '','button_' + whichNav + '','' + whichNav + '1');
	clearTimeout(navTime);
}








function swapallOff(whichNav){
  for(var i = 1; i <= 4; i++){ 
      var cl = "nav" + i;
      if (cl == whichNav) {continue;} 
      
		image_swap('' + cl + '','button_' + cl + '','' + cl + '0');  
   }
} 









function setPosition(){
	//create layer objects
	lay1 = new layObj(type,'nav1');


	lay2 = new layObj(type,'nav2');



	lay3 = new layObj(type,'nav3');




	lay4 = new layObj(type,'nav4');







	lay11 = new layObj(type,'menu1');







	lay22 = new layObj(type,'menu2');






	lay33 = new layObj(type,'menu3');





	lay44 = new layObj(type,'menu4');





	
	//get window width
	if (document.getElementById){ var iWidth = document.body.clientWidth; }
	else if (document.layers){ var iWidth = window.innerWidth - 17; }
	else { var iWidth = window.innerWidth; }
	
	//calculate left positions if browser width greater than contents
	if (iWidth > 760){
		var layer1left = ((iWidth - 760) / 2) + 366;
		var layer2left = ((iWidth - 760) / 2) + 90;
		var layer3left = ((iWidth - 760) / 2) + 206;
		var layer4left = ((iWidth - 760) / 2) + 616;
	}
	//if screen not greater than contents
	else{
		var layer1left = 366;
		var layer2left = 90;
		var layer3left = 206;
		var layer4left = 616;
	}

	//set left positions
	lay1.ref.left = layer1left;




	lay2.ref.left = layer2left;






	lay3.ref.left = layer3left;




	lay4.ref.left = layer4left;


	lay11.ref.left = layer1left;






	lay22.ref.left = layer2left;




	lay33.ref.left = layer3left;
	lay44.ref.left = layer4left;

	//set visibility
	lay1.ref.visibility = "visible";
	lay2.ref.visibility = "visible";
	lay3.ref.visibility = "visible";
	lay4.ref.visibility = "visible";
	
}