ITEMS=2;
NAME=0;
TARGET=1;

menudivider='images/menudivider.jpg';
menuheight=25;

function horizontal_menu() {
	this.items=new Array();
    this.subcount=new Array();
    this.count=0;
}
		
function menu_additem(name,target) {
	with (this) {
       	count++;
       	subcount[count]=0;
       	items[count]=new Array();
       	items[count][NAME]=name;
       	items[count][TARGET]=target;
	}
}

function submenu_additem(name,target) {
	with (this) {
       	subcount[count]++;
       	items[count][ITEMS*subcount[count]+NAME]=name;
       	items[count][ITEMS*subcount[count]+TARGET]=target;
	}
}
	
function open_target(target) {
	if (target.search('http://')!==-1) {
		window.open(target,"_blank");
		return;
	}
	if (target.search('.htm')==-1 && target.search('.html')==-1 && target.search('.php')==-1)
		return;
	window.open(target,"_self");
	return;
}

function create_menu(){
	with (document) {
		write("<img src='images/menubackground.jpg' style='display:none;'>");
		write("<img src='images/menubackground-active.jpg' style='display:none;'>");

		write("<table width=100% cellpadding=0 cellspacing=0 class=menu><tr><td>");
		write("<table align=left cellpadding=0 cellspacing=0 id='topmenu'>");
		write("<td width=1><img src='"+menudivider+"' width=1 height="+menuheight+"></td>");

		for(i=1;i<=topmenu.count;i++) {
			with(topmenu) {
				show_submenu_string='';
				hidden_submenu_string='';
				if(subcount[i]>0) {
					show_submenu_string='getElementById(\"submenu'+i+'\").style.display=\"\"';
					hidden_submenu_string='getElementById(\"submenu'+i+'\").style.display=\"none\"';
				}
				write("<TD align-center class=menu  onclick='open_target(\""+items[i][TARGET]+"\");' onmouseover='this.className=\"onovermenu\"; "+show_submenu_string+"' onmouseout='this.className=\"menu\"; "+hidden_submenu_string+"'>");
				itemname = items[i][NAME];
				write('<nobr><b>'+itemname.substr(0,1)+'</b>'+itemname.substr(1)+'</nobr>');

				if(subcount[i]>0) {
					write("<div style='position:relative;'>");
					write("<table width=100% id=submenu"+i+" cellpadding=0 cellspacing=0 style='position:absolute; display:none; left:-18px; top:2px; border-width:1px; border-style:solid; border-color:black;'>");
					for(j=1;j<=subcount[i];j++) {
						write("<tr height="+menuheight+"><td class=\"submenu\" onclick='open_target(\""+items[i][j*ITEMS+TARGET]+"\");' onmouseover='this.className=\"onoversubmenu\";' onmouseout='this.className=\"submenu\";'>");
						itemname = items[i][ITEMS*j+NAME];
						write("<nobr><b>"+itemname.substr(0,1)+'</b>'+itemname.substr(1)+"</nobr></td></tr>");
					}
					write("</table></div>");
				}
				write("</td>");
			}
			write("<td width=1><img src='"+menudivider+"' width=1 height="+menuheight+"></td>");
			}
		write("</table>");
		write("</td></tr></table>");
	}
};

horizontal_menu.prototype.create=create_menu;
horizontal_menu.prototype.additem=menu_additem;
horizontal_menu.prototype.addsubitem=submenu_additem;

topmenu=new horizontal_menu();