var currentSubMenu = null;

function HoofdMenu() {
	this.hoofdMenuItems = new Array();
	
	this.add = hoofdMenu_add;
	this.print = hoofdMenu_print;
}

function hoofdMenu_add(hoofdMenuItem) {
	this.hoofdMenuItems[this.hoofdMenuItems.length] = hoofdMenuItem;
}

function hoofdMenu_print() {
	html = "<table width=176 border=0 cellspacing=2 cellpadding=0 align=center>\n";
	document.writeln(html);
	
	for(x=0; x<this.hoofdMenuItems.length; x++) {
		this.hoofdMenuItems[x].print(x);
	}
	
	html = "</table>\n";
	document.writeln(html);
}

function HoofdMenuItem(naam, url) {
	this.subMenuItems = new Array();
	this.naam = naam;
	this.url = url;
	
	this.add = hoofdMenuItem_add;
	this.print = hoofdMenuItem_print;
}

function hoofdMenuItem_print(nummer) {
	html  = "  <tr>\n";
	html += "    <td>\n";
	html += "<table width=170 border=0 cellspacing=0 cellpadding=0 align=center>\n";
	html += "  <tr>\n";
	html += "    <td class=hoofdMenuItem id=hoofdMenuItem" + nummer + " height=25 ";
	html += "onclick='JavaScript:switchSubMenu(" + nummer + ", \"" + this.url + "\");'";
	html += "onmouseover='JavaScript:this.className=\"hoofdMenuItemOver\";'";
	html += "onmouseout='JavaScript:this.className=\"hoofdMenuItem\";'";
	html += ">&nbsp;&nbsp;&nbsp;&nbsp;";
	html += this.naam;
	html += "</td>\n";
	html += "  </tr>\n";
	html += "</table>\n";
	if(this.subMenuItems.length != 0) {
		html += "<div class=subMenuHide id=subMenu" + nummer + ">";
		html += "<table width=170 border=0 cellspacing=0 cellpadding=0 align=center>\n";
		html += "  <tr>\n";
		html += "    <td>" + stringSpacing(10, 1) + "</td>\n";
		html += "    <td>\n";
		html += "<table class=submenu width=150 border=0 cellspacing=3 cellpadding=2 align=center>\n";
		document.writeln(html);
		
		for(y=0; y<this.subMenuItems.length; y++) {
			this.subMenuItems[y].print();
		}
		
		html  = "</table>\n";
		html += "    </td>\n";
		html += "    <td>" + stringSpacing(10, 1) + "</td>\n";
		html += "  </tr>\n";
		html += "</table>\n";
		html += "</div>\n";
	}
	html += "    </td>\n";
	html += "  </tr>\n";
	document.writeln(html);
}

function hoofdMenuItem_add(subMenuItem) {
	this.subMenuItems[this.subMenuItems.length] = subMenuItem;
}

function SubMenuItem(naam, url) {
	this.naam = naam;
	this.url = url;
		
	this.print = subMenuItem_print;
}

function subMenuItem_print() {
	html  = "  <tr>\n";
	html += "    <td class=subMenuItem ";
	html += "onclick='JavaScript:openUrl(\"" + this.url + "\");'";
	html += "onmouseover='JavaScript:this.className=\"subMenuItemOver\";'";
	html += "onmouseout='JavaScript:this.className=\"subMenuItem\";'";
	html += ">";
	html += this.naam;
	html += "</td>\n";
	html += "  </tr>\n";
	document.writeln(html);
}

function switchSubMenu(nummer, url) {
	
	var subMenu = document.all["subMenu" + nummer];
	
	if(subMenu != null) {
		if(subMenu.className == "subMenuHide") {
			subMenu.className = "subMenuShow";
		}
		else {
			subMenu.className = "subMenuHide";
		}
	}
	
	if(url != "null") {
		parent.main.location.href = url;
	}
	
	if(currentSubMenu != null && currentSubMenu != subMenu) {
		currentSubMenu.className = "subMenuHide";
	}
	
	currentSubMenu = subMenu;
}

function openUrl(url) {
	parent.main.location.href = url;
}