var menu = new Array(5);
var submenu = new Array(menu.length);

for (var i = 0; i < menu.length; i++) {
	menu[i] = new Array(2);
}

var menu_over = new Array(menu.length);
var submenu_over = new Array(menu.length);

for (var i = 0; i < menu.length; i++) {
	submenu_over[i] = false;
	menu_over[i] = false;
}


menu[0][0] = "index.html";
menu[0][1] = "Homepage";
	
menu[1][0] = "autos.html";
menu[1][1] = "Auto's";

submenu[1] = new Array(3);
submenu[1][0] = new Array(2);
submenu[1][1] = new Array(2);
submenu[1][2] = new Array(2);
submenu[1][0][0] = "autos.html";
submenu[1][0][1] = "Occasions";
submenu[1][1][0] = "lease.html";
submenu[1][1][1] = "Leaseauto's";
submenu[1][2][0] = "verzekering.html";
submenu[1][2][1] = "Verzekering";


menu[2][0] = "overons.html";
menu[2][1] = "Over Ons";

menu[3][0] = "sponsoring.html";
menu[3][1] = "Sponsoring";

menu[4][0] = "contact.html";
menu[4][1] = "Contact";

var leadImg = '<img class="leadImg" src="images/menuspacer.jpg"/>';

/*
function mainNavigation() {
	var str = '';
	
	str += leadImg + leadImg + leadImg + leadImg;
	
	for(var i = 0; i < menu.length; i++) {
	
		//str += '<a href="' + menu[i][0] + '"><img id="' + menu[i][1] + '" src="' + menu[i][3] + '" border="0" alt="' + menu[i][1] +'" onmouseover="_menuOver(' + i + ')" onmouseout="_menuOut(' + i + ')"></a>';
		str += '<div class="menuItem" id="' + menu[i][1] + '" onclick="window.location.href=\'' + menu[i][0] + '\'" onmouseover="this.style.cursor=\'pointer\';_menuOver(' + i + ');" onmouseout="_menuOut(' + i + ')"><span id=menuText' + i + ' class="menuText">' + menu[i][1] + '</span></div>';
		
		if (i < 4) {	
		str+=leadImg;
		}
		if (submenu[i] != null) {
			str += '<div class="submenu" id="submenu' + i + '" onmouseover="_submenuOver(' + i + ')" onmouseout="_submenuOut(' + i + ')">';
		
			for (var j = 0; j < submenu[i].length; j++) {
				//str += '<a class="submenu-link" href="' + submenu[i][j][0] + '">' + submenu[i][j][1] + '</a>';
				//str += '<div  class="submenu-link-off" onmouseover="className=submenu-link-on" onmouseout="className=submenu-link-off" onclick="window.location.href=\'' + submenu[i][j][0] + '\'">' + submenu[i][j][1] + '</div>';
				str += '<div id="submenu-link' + i + '_' + j + '" class="submenu-link-off" onmouseover="document.getElementById(\'submenu-link' + i + '_' + j + '\').className=\'submenu-link-on\';this.style.cursor=\'pointer\';" onmouseout="document.getElementById(\'submenu-link' + i + '_' + j + '\').className=\'submenu-link-off\'" onclick="window.location.href=\'' + submenu[i][j][0] + '\'">' + submenu[i][j][1] + '</div>';
				//str += '<br/>';
			}
		
			str += '</div>';
		}
	}
	
	//str += leadImg;
	//alert(str);
	return (str);
}
*/

function mainNavigation() {
	var str = '';
	var str2 = '';
	
	str += leadImg + leadImg + leadImg + leadImg;
	
	for(var i = 0; i < menu.length; i++) {
	
		//str += '<a href="' + menu[i][0] + '"><img id="' + menu[i][1] + '" src="' + menu[i][3] + '" border="0" alt="' + menu[i][1] +'" onmouseover="_menuOver(' + i + ')" onmouseout="_menuOut(' + i + ')"></a>';
		str += '<div class="menuItem" id="menuItem' + i + '" onclick="window.location.href=\'' + menu[i][0] + '\'" onmouseover="this.style.cursor=\'pointer\';_menuOver(' + i + ');" onmouseout="_menuOut(' + i + ')"><span id=menuText' + i + ' class="menuText">' + menu[i][1] + '</span></div>';
		
		//IE6
		if (i < 4) {	
			str+=leadImg;
		}
		if (submenu[i] != null) {
			str2 += '<div class="submenu" id="submenu' + i + '" onmouseover="_submenuOver(' + i + ')" onmouseout="_submenuOut(' + i + ')">';
		
			for (var j = 0; j < submenu[i].length; j++) {
				//str += '<a class="submenu-link" href="' + submenu[i][j][0] + '">' + submenu[i][j][1] + '</a>';
				//str += '<div  class="submenu-link-off" onmouseover="className=submenu-link-on" onmouseout="className=submenu-link-off" onclick="window.location.href=\'' + submenu[i][j][0] + '\'">' + submenu[i][j][1] + '</div>';
				str2 += '<div id="submenu-link' + i + '_' + j + '" class="submenu-link-off" onmouseover="document.getElementById(\'submenu-link' + i + '_' + j + '\').className=\'submenu-link-on\';this.style.cursor=\'pointer\';" onmouseout="document.getElementById(\'submenu-link' + i + '_' + j + '\').className=\'submenu-link-off\'" onclick="window.location.href=\'' + submenu[i][j][0] + '\'">' + submenu[i][j][1] + '</div>';
				//str += '<br/>';
			}
		
			str2 += '</div>';
		}
	}
	

	str+=str2;
	return (str);
}


function _menuOver(num) {
	menu_over[num] = true;
	document.getElementById('menuText' + num).className="menuText-over";
	document.getElementById('menuItem' + num).className="menuItem-over";
	
	document.getElementById("submenu" + num).style.display="block";
}

function _submenuOver(num) {
	submenu_over[num] = true;
}

function _menuOut(num) {
	menu_over[num] = false;
	setTimeout("_checkHide(" + num+ ");",150);
}

function _submenuOut(num) {
	submenu_over[num] = false;
	setTimeout("_checkHide(" + num+ ");",150);
}

function _checkHide(num) {
	if ((menu_over[num] == false) && (submenu_over[num] == false)) {
		document.getElementById('menuText' + num).className="menuText";
		document.getElementById('menuItem' + num).className="menuItem";
		document.getElementById("submenu" + num).style.display="none";
	}
}