//////////////////////////////////////////////////////////////////////////////////////////////
// CODE INFORMATION
// Creaded by:		Bo Wann
// Licened to:		Natur Historisk Museum Århus
// Date:			4 marts 2004
//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
// INFORMAION
//
// Følgende skal sættes ind i html/asp siderne:
//
// <link href='menu.css' rel='stylesheet'>
// 
//<script type='text/JavaScript' language='javascript' src='menu.js'></script>
//
// I SLUTNINGEN AF BODYEN
//
// <script>renderMenu(null,null,null)</script>
//
// Parametere:
// Der er tre parametere der kan angives (der hvor der står null til at starte med,
// de er som føler
// 1. Hvilket punkt i hovedmenuen skal være valgt. null hvis der ikke skal være valgt noget.
// 2. Hvilket undermenu skal der tegnes. null hvis der ikke skal tegnes noget.
// 3. Hvilket punkt i under menuen skal være valgt. null hvis der ikke skal være valgt noget.
// 4. Hvilket underundermenu skal der tegnes. null hvis der ikke skal tegnes noget.
// 5. Hvilket punkt i under under menuen skal være valgt. null hvis der ikke skal være valgt noget.
// 6. Mappeangivelse. Angiver antal undermapper.
//////////////////////////////////////////////////////////////////////////////////////////////

// variabler må ikke ændres
var FirstMenu						= new Array(FirstMenuCount);
var FirstMenuURL					= new Array(FirstMenuCount);

////////////////////////////////////
// Følgende blok skal der ændres. //
////////////////////////////////////
var divLayer						= "Div"; //Navnet på den tag menuen skal indsættes i

//Første Menu altid med
var FirstMenuCount					= 4; //Antal punkter
//MenuPunkter i FoersteMenu

FirstMenu[0] = "RUTERNE"; 
FirstMenu[1] = "TURE";
FirstMenu[2] = "UDSTILLING";
FirstMenu[3] = "OBSERVATIONER";
FirstMenu[4] = "";

//URL's i FoersteMenu

FirstMenuURL[0] = "ruterne/ruterne.htm";
FirstMenuURL[1] = "ture/ture.htm";
FirstMenuURL[2] = "udstil/udstil.htm";
FirstMenuURL[3] = "obs/obs.htm";
FirstMenuURL[4] = "nogm/nogm.htm";

/////////////////////
// UNDERMENU START //
/////////////////////
//Alle de andre menuer - kopieres for at skabe flere hvor tallet ændres

//menu1

var UnderMenu1Count					= 7; //Antal punkter
var UnderMenu1						= new Array();
var UnderMenu1URL					= new Array();

//MenuPunkter
UnderMenu1[0]						= "KYSTRUTEN";
UnderMenu1[1]						= "DEN BLÅ RUTE";
UnderMenu1[2]						= "BJERGRUTEN";
UnderMenu1[3]						= "PARKRUTEN";
UnderMenu1[4]						= "PULSRUTEN";
UnderMenu1[5]						= "SKOVRUTEN";
UnderMenu1[6]						= "LANDRUTEN";


//URL's i Menu
UnderMenu1URL[0]					= "ruterne/" + stringConv(UnderMenu1[0]) + "/rute.htm";
UnderMenu1URL[1]					= "ruterne/" + stringConv(UnderMenu1[1]) + "/rute.htm";
UnderMenu1URL[2]					= "ruterne/" + stringConv(UnderMenu1[2]) + "/rute.htm";
UnderMenu1URL[3]					= "ruterne/" + stringConv(UnderMenu1[3]) + "/rute.htm";
UnderMenu1URL[4]					= "ruterne/" + stringConv(UnderMenu1[4]) + "/rute.htm";
UnderMenu1URL[5]					= "ruterne/" + stringConv(UnderMenu1[5]) + "/rute.htm";
UnderMenu1URL[6]					= "ruterne/" + stringConv(UnderMenu1[6]) + "/rute.htm";





////////////////////
// UNDERMENU SLUT //
////////////////////



////////////////////
// UNDERUNDERMENU SLUT //
////////////////////



///////////////////////////////////////////////////////////////////////
// DANGER: CODE GENERATOR, ONLY SKILED PEOPLE SHOULD CHANGE THE CODE //
///////////////////////////////////////////////////////////////////////
function renderMenu(firstSelected,SecondMenu,SecondSelected,thirdMenu,thirdMenuSelected,inFolder){
	var Folder = "";
	var ie = document.all ? 1 : 0;
	var ns = document.getElementById && !document.all ? 1 : 0;
	var menuDiv;
	var tb1str = "";
	if(inFolder != 0){
		for(i = 0;i < inFolder; i++){
			Folder += "../";
		}
	}
	try{
		if(ie)
			menuDiv = eval(divLayer);
		if(ns)
			menuDiv = document.getElementById(divLayer);
	} catch(er){
		alert("Der er ikke defineret en div tag til menuen");
		return;
	}
	//Building first menu
	//tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"firstMenuTableMother\"><tr>";
	//tb1str += "<td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table>";
	tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"firstMenuTableMother\" background=\""+Folder+"images/menutabbg1px.gif\"><tr>";
	tb1str += "<td align=center><table width=968px cellspacing=0 cellpadding=0 class=\"firstMenuTable\"><tr>";
	for(i=0; i < FirstMenuCount; i++){
		tb1str += "<td width=14% style=\"padding-left:30px;padding-bottom:1px\"><img src=\""+Folder+"images/toplines/"+i+".gif\"></td>";
	}
	tb1str += "<tr></tr>";
	for(i=0; i < FirstMenuCount; i++){
		if(firstSelected!=null && firstSelected == i){
			SelectedClass = "selectedCellMenu"+i;
			tb1str += "<td style=\"padding-left:30px\" class=\""+SelectedClass+"\" onclick=\"location.href='"+Folder+FirstMenuURL[i]+"'\">"+FirstMenu[i]+"</td>";
		} else
			tb1str += "<td style=\"padding-left:30px\" class=\"firstMenuMouseOut\" onclick=\"location.href='"+Folder+FirstMenuURL[i]+"'\" onmouseout=\"this.className='firstMenuMouseOut';\" onmouseover=\"this.className='firstMenuMouseOver';\">"+FirstMenu[i]+"</td>";
	}
	tb1str += "</tr></table>";
	tb1str += "<td></tr></table>";
	
	//SecondMenu
	if(SecondMenu != null){
		var secMenuArray;
		var secMenuArrayURL;
		var secMenuArrayCount;
		try{
			secMenuArray = eval("UnderMenu"+SecondMenu);
			secMenuArrayURL = eval("UnderMenu"+SecondMenu+"URL");
			secMenuArrayCount = eval("UnderMenu"+SecondMenu+"Count");
		} catch(er){
			alert("Der er ikke defineret en under menu! " + er);
			return;
		}
		tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"secondMenuTableMother\"><tr>";
		tb1str += "<td align=center><table width=968px cellspacing=0 cellpadding=0><tr><td>";
		tb1str += "<table cellspacing=0 cellpadding=0 class=\"secondMenuTable\"><tr>";
	
		for(i=0; i < secMenuArrayCount; i++){
			if(SecondSelected!=null && SecondSelected == i)
				tb1str += "<td style=\"padding-left:30px;padding-right:30px\" class=\""+SelectedClass+"\" onclick=\"location.href='"+Folder+secMenuArrayURL[i]+"'\">"+secMenuArray[i]+"</td>";
			else
				tb1str += "<td style=\"padding-left:30px;padding-right:30px\" class=\"secondMenuMouseOut\" onclick=\"location.href='"+Folder+secMenuArrayURL[i]+"'\" onmouseout=\"this.className='secondMenuMouseOut';\" onmouseover=\"this.className='secondMenuMouseOver';\">"+secMenuArray[i]+"</td>";
		}
		tb1str += "</tr></table></td></tr></table>";
		tb1str += "<td></tr></table>";
	} else {
		tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"secondMenuTableMother\"><tr>";
		tb1str += "<td align=center><table width=968px cellspacing=0 cellpadding=0><tr><td height=13px>";
		tb1str += "</td></tr></table>";
		tb1str += "<td height=13px></tr></table>";
	}
	if(thirdMenu != null){
		var trdMenuArray;
		var trdMenuArrayURL;
		var trdMenuArrayCount;
		try{
			trdMenuArray = eval("UnderMenuUnderMenu"+thirdMenu);
			trdMenuArrayURL = eval("UnderMenuUnderMenu"+thirdMenu+"URL");
			trdMenuArrayCount = eval("UnderMenuUnderMenu"+thirdMenu+"Count");
		} catch(er){
			alert("Der er ikke defineret en under under menu! " + er);
			return;
		}
		tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"thirdMenuTableMother\"><tr>";
		tb1str += "<td align=center><table width=968px cellspacing=0 cellpadding=0><tr><td>";
		tb1str += "<table cellspacing=0 cellpadding=0 class=\"thirdMenuTable\"><tr>";
		for(i=0; i < trdMenuArrayCount; i++){
			if(thirdMenuSelected!=null && thirdMenuSelected == i)
				tb1str += "<td style=\"padding-left:30px;padding-right:30px\" class=\""+SelectedClass+"\" onclick=\"location.href='"+Folder+trdMenuArrayURL[i]+"'\">"+trdMenuArray[i]+"</td>";
			else
				tb1str += "<td style=\"padding-left:30px;padding-right:30px\" class=\"thirdMenuMouseOut\" onclick=\"location.href='"+Folder+trdMenuArrayURL[i]+"'\" onmouseout=\"this.className='thirdMenuMouseOut';\" onmouseover=\"this.className='thirdMenuMouseOver';\">"+trdMenuArray[i]+"</td>";
		}
		tb1str += "</tr></table></td></tr></table>";
		tb1str += "<td></tr></table>";
	} else {
		tb1str += "<table width=100% border=0 cellspacing=0 cellpadding=0 class=\"thirdMenuTableMother\"><tr>";
		tb1str += "<td align=right><table width=968px cellspacing=0 cellpadding=0><tr><td height=13px>";
		tb1str += "</td></tr></table>";
		tb1str += "<td height=13px></tr></table>";
	}
	//inserting the menu
	menuDiv.innerHTML = tb1str;
}

function stringConv(str){
	return str.toLowerCase().replace(/ /g,"").replace("&","").replace(/æ/g,"ae").replace(/ø/g,"oe").replace(/å/g,"aa").replace(/Æ/g,"ae").replace(/Ø/g,"oe").replace(/Å/g,"aa");
}