var txt = "";
var image_dir = "image/";
var occupied_header = new Array();
var occupied_menu = new Array();

function CreateLayer(text, id, t, l) {
	var str;
	if(document.layers)	{
		str="<LAYER ID='d" + id + "' TOP=" + t + " LEFT=" + l + " onmouseover=\"occupied_menu[" + id + "]=1;\" onmouseout=\"Turn('" + id + "',0);occupied_menu[" + id + "]=0;\" VISIBILITY=hide>" + text + "</LAYER>";
  	document.write(str);
	}	else {
			str="<div id='d" + id + "' style=\"position:absolute;top:" + t + ";left:" + l + ";visibility:hidden;width:100;filter:alpha(opacity=90);\" onmouseover=\"occupied_menu[" + id + "]=1;\" onmouseout=\"Turn('" + id + "',0);occupied_menu[" + id + "]=0;\">" + text + "</div>";
			document.write(str);
	};
};

function Turn(id, mode) {
		if(mode) {
			eval("setTimeout(\"On(" + id + ", " + mode + ");\",100)");
		} else {
			eval("setTimeout(\"Off(" + id + ", " + mode + ");\",100)");
		};
};

function On(id, mode) {
	if(occupied_header[id]) {
		if(document.all) {
			eval("document.all['d" + id + "']").style.width = screen.width / names.length;
			eval("document.all['d" + id + "']").style.visibility = 'visible';
			eval("document.all['td" + id + "']").className = 'activemenu';
		} else if(document.layers) {
			eval("document.layers['d" + id + "']").visibility = "show";
		} else {
			eval("document.getElementById('d" + id + "')").style.width = screen.width / names.length;
			eval("document.getElementById('d" + id + "')").style.visibility = "visible";
			eval("document.getElementById('td" + id + "')").className = 'activemenu';
		};
	};
};

function Off(id, mode) {
	style = "";
	if (alts[id][0] == "main")
		style = "curr";

	if(!occupied_menu[id] && !occupied_header[id]) {
		if(document.all) {
			eval("document.all['d" + id + "']").style.visibility = 'hidden';
			eval("document.all['td" + id + "']").className = style + 'menu';
		} else if(document.layers) {
			eval("document.layers['d" + id + "']").visibility = "hide";
		} else {
			eval("document.getElementById('d" + id + "')").style.visibility = "hidden";
			eval("document.getElementById('td" + id + "')").className = style + 'menu';;
		};
	};
};

function CreateMenu() {

	for(i = 0; i < names.length; i++) {
		occupied_header[i] = 0;
		occupied_menu[i] = 0;
	};

	for( i = 0; i < names.length; i++) {

		txt  = "<table cellpadding='2' cellspacing='0' width='100%' bgcolor='#CCCCFF' class='border'>";
		for( j = 1; j < names[i].length; j++) {
  	  txt += "<tr><td align='left' width='100' nowrap>";
			txt += "&nbsp;<a title='" + alts[i][j] + "' href='" + hrefs[i][j] + "' target='_self' class='submenu'>" + names[i][j] + "</a>&nbsp;";
  		txt += "</td></tr>";
		};
		txt += "</table>";
	  CreateLayer(txt, i, 122, 90*i + 5);
	};

	document.write("<table cellpadding='0' cellspacing='0'><tr>");
	for( i = 0; i < names.length; i++) {
		document.write("<td id='td" + i + "' width='90' height='20' valign='middle' align='center' nowrap class='");
		if (alts[i][0] == "main")
			document.write("curr");
		document.write("menu' onmouseover=\"Turn('" + i + "',1);occupied_header[" + i + "]=1; return false;\" onmouseout=\"Turn('" + i + "',0);occupied_header[" + i + "]=0; return false;\" style='font-size: 10pt'>&nbsp;<img style='vertical-align: middle;' src='" + image_dir + "marker.gif'>&nbsp;<b>" + names[i][0].substr(0,1) + "</b>" + names[i][0].substr(1) + "&nbsp;</td>");
	};
	document.write("</tr></table>");

};