function mainover(subname) { //main menu state to "on" when rolled over
		document.getElementById(subname).src='images/menu/on/'+subname+'.gif';		//mainmenu on state
}
function mainout(subname) { //main menu state to "off" when rolled out
		document.getElementById(subname).src='images/menu/off/'+subname+'.gif';		//mainmenu off state
}

if (document.images) { //preload
  pic1= new Image(); 
  pic1.src="images/menu/on/home.gif";
  pic2= new Image(); 
  pic2.src="images/menu/off/home.gif"; 
  pic3= new Image(); 
  pic3.src="images/menu/on/bookings.gif"; 
  pic4= new Image(); 
  pic4.src="images/menu/off/bookings.gif";  
  pic5= new Image(); 
  pic5.src="images/menu/on/membership.gif"; 
  pic6= new Image(); 
  pic6.src="images/menu/off/membership.gif"; 
  pic7= new Image(); 
  pic7.src="images/menu/on/contact-us.gif"; 
  pic8= new Image(); 
  pic8.src="images/menu/off/contact-us.gif"; 
}