//MENU PROPERTIES
var mouseOverLinkColor = "#ffffff"; 
var mouseOverLinkSize = 14;
var mouseOutLinkColor = "#9999ff";
var mouseOutLinkSize = 12;

var mouseOverSubLinkColor = "#ffffff"; 
var mouseOverSubLinkSize = 14;
var mouseOutSubLinkColor = "#9999ff";
var mouseOutSubLinkSize = 12;

	function generateMenu(){
//MENU DEFINITION
		menuItems = "home:index.htm:0:0:0:0:";//display text:URL:X:Y:Width:Height: 
											//URL is obligatory and must be unique
		menuItems += "we provide:we.html:0:0:0:0:"; //performers is the id taken from performers.htm
			//performersLinks = "R.E.M.:rem.htm:Sophie Ellis Bexter:sophie.htm: U2 :u2.htm:";//performersLinks is the name of the list
														//URL is obligatory and must be unique
		menuItems += "javagogo menu:javagogo.htm:0:0:0:0:";
			//festivalLinks = "maps:maps.htm:what to bring:bring.htm:";
		menuItems += "music festivals:music.htm:0:0:0:0:";
			//eatLinks = "tents:tents.htm:camper vans:campers.htm:bnb:bnb.htm:hotel:hotel.htm:"
		menuItems += "sporting events:sporting.htm:0:0:0:0:";
		menuItems += "arts & others:arts.htm:0:0:0:0:";
		//menuItems += "tickets:tickets.htm:0:0:0:0:";
		//menuItems += "gallery:gallery.htm:0:0:0:0:";
		menuItems += "contact us:contact.htm:0:0:0:0:";

		var menuArray = menuItems.split(":");
		var menuString = '<table width=100%><tr><td width=100>&nbsp;&nbsp;</td>';
		var layerString = '';
		for(i=0;i<menuArray.length-1;i+=6){
			var idArray = menuArray[i+1].split(".");
			if(menuArray[i+2]>0){
				idList += idArray[0] + ":";
				var subMenuLinkArr = eval(idArray[0]+"Links").split(":");
layerString += '<div id="'+idArray[0]+'Div" style="visibility:hidden; position:absolute;top:'+menuArray[i+3]+';left:'+menuArray[i+2]+';"><table width='+menuArray[i+4]+'><tr>';
				for(j=0;j<subMenuLinkArr.length-1;j+=2){
					var idSubLinkArray = subMenuLinkArr[j+1].split(".");
					layerString += '<td><a class="topSubLink"  href="'+subMenuLinkArr[j+1]+'" id="'+idSubLinkArray[0]+'" onmouseover="javascript:mouseOverSubLink(\''+idSubLinkArray[0]+'\');" onmouseout="javascript:mouseOutSubLink(\''+idSubLinkArray[0]+'\');">'+subMenuLinkArr[j]+'</a></td>';
				}
				layerString +='</tr></table></div>';
				menuString += '<td><a class="topNavLink" href="javascript:void(null);" id="'+idArray[0]+'" onmouseover="javascript:mouseOverLink(\''+idArray[0]+'\');" onmouseout="javascript:mouseOutLink(\''+idArray[0]+'\');">'+menuArray[i]+'</a></td>';
			}else{
				menuString += '<td><a class="topNavLink" href="'+menuArray[i+1] + '" id="'+idArray[0]+'" onmouseover="javascript:mouseOverLink(\''+idArray[0]+'\');" onmouseout="javascript:mouseOutLink(\''+idArray[0]+'\');">'+menuArray[i]+'</a></td>';	
			}
		}
		menuString += '<td width=100>&nbsp;&nbsp;</td></tr></table>'
		menuString += layerString;
		document.write (menuString);
	}

	function mouseOverLink(name){
		document.getElementById(name).style.color = mouseOverLinkColor;
		document.getElementById(name).style.fontSize = mouseOverLinkSize;
		var idListArr = idList.split(":");
		for(i=0;i<idListArr.length-1;i++){
			document.getElementById(idListArr[i]+"Div").style.visibility = "hidden";
		}
		if(document.getElementById(name+"Div")){
			document.getElementById(name+"Div").style.visibility = "visible";
		}
		status=name;
	}
	function mouseOutLink(name){
		document.getElementById(name).style.color = mouseOutLinkColor;
		document.getElementById(name).style.fontSize = mouseOutLinkSize;
		status=name;
	}

	function mouseOverSubLink(name){
		document.getElementById(name).style.color = mouseOverSubLinkColor;
		document.getElementById(name).style.fontSize = mouseOverSubLinkSize;
	}
	function mouseOutSubLink(name){
		document.getElementById(name).style.color = mouseOutSubLinkColor;
		document.getElementById(name).style.fontSize = mouseOutSubLinkSize;
		status=name;
	}

var idList = "";
function join(){
			window.open("http://www.bookitnow.biz/barchr/join.htm","none","top=50 left=50 width=450 height=200");
		}