//////////////////////////////////////////////////////////////////////////////////////////////
// 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] = "INFORMATION"; 
FirstMenu[1] = "EXHIBITIONS";
FirstMenu[2] = "RESEARCH";
FirstMenu[3] = "SHOP";

//URL's i FoersteMenu

FirstMenuURL[0] = "info/infoUK.htm"; 
FirstMenuURL[1] = "exhibitions/exhibit.htm";
FirstMenuURL[2] = "research/forsknUK.htm";
FirstMenuURL[3] = "shop/butik.htm";

/////////////////////
// UNDERMENU START //
/////////////////////
//Alle de andre menuer - kopieres for at skabe flere hvor tallet ændres
var UnderMenu0Count					= 4; //Antal punkter
var UnderMenu0						= new Array();
var UnderMenu0URL					= new Array();

//MenuPunkter
UnderMenu0[0]						= "THE CORAL SEA";
UnderMenu0[1]						= "DANISH LANDSCAPES";
UnderMenu0[2]						= "DANISH ANIMALS";
UnderMenu0[3]						= "AFRICAN SAVANNAH";


//URL's i Menu
UnderMenu0URL[0]					= "exhibitions/" + stringConv(UnderMenu0[0]) + "/udstil.htm";
UnderMenu0URL[1]					= "exhibitions/" + stringConv(UnderMenu0[1]) + "/denmark.htm";
UnderMenu0URL[2]					= "exhibitions/" + stringConv(UnderMenu0[2]) + "/danish.htm";
UnderMenu0URL[3]					= "exhibitions/" + stringConv(UnderMenu0[3]) + "/savanna.htm";


//menu1
var UnderMenu1Count					= 2; //Antal punkter
var UnderMenu1						= new Array();
var UnderMenu1URL					= new Array();
//MenuPunkter
UnderMenu1[0]						= "ABOUT THE MUSEUM";
UnderMenu1[1]						= "STAFF";

//URL's i Menu
UnderMenu1URL[0]					= "info/" + stringConv(UnderMenu1[0]) + "/the museum.htm";
UnderMenu1URL[1]					= "info/" + stringConv(UnderMenu1[1]) + "/staff.htm";


//menu2
var UnderMenu4Count					= 6; //Antal punkter
var UnderMenu4						= new Array();
var UnderMenu4URL					= new Array();
//MenuPunkter
UnderMenu4[0]						= "THE CULTURAL LANDSCAPE";
UnderMenu4[1]						= "SOIL BIOLOGY";
UnderMenu4[2]						= "FRESHWATER ECOLOGY";
UnderMenu4[3]						= "FAUNISTICS";
UnderMenu4[4]						= "ENTHOMOLOGY";
UnderMenu4[5]						= "BIOACOUSTICS";


//URL's i Menu
UnderMenu4URL[0]					= "research/" + stringConv(UnderMenu4[0]) + "/kultur.htm";
UnderMenu4URL[1]					= "research/" + stringConv(UnderMenu4[1]) + "/jord.htm";
UnderMenu4URL[2]					= "research/" + stringConv(UnderMenu4[2]) + "/ferskv.htm";
UnderMenu4URL[3]					= "research/" + stringConv(UnderMenu4[3]) + "/fauni.htm";
UnderMenu4URL[4]					= "research/" + stringConv(UnderMenu4[4]) + "/entomolo.htm";
UnderMenu4URL[5]					= "research/" + stringConv(UnderMenu4[5]) + "/bioaku.htm";



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

var UnderMenuUnderMenu0Count				= 1; //Antal punkter
var UnderMenuUnderMenu0						= new Array();
var UnderMenuUnderMenu0URL					= new Array();
//MenuPunkter
UnderMenuUnderMenu0[0]						= "MUSEUM HISTORY";




//URL's i Menu
UnderMenuUnderMenu0URL[0]					= "info/" + stringConv(UnderMenu1[0]) + "/" + stringConv(UnderMenuUnderMenu0[0]) + "/history.htm";



////////////////////
// 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 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");
}