//alert("4. loading navigation.js");

// navigation1 = "<a href='javascript:void(0)' onclick=loadpageTEST('"+navigation1link+"')>" + navigation1name + "</a>"	
// navigation2 = "<a href='javascript:void(0)' onclick=fillContent('" +navigation2link+ "') >" + navigation2name + "</a>"
// navigation3 = "<a href='javascript:void(0)' onclick=fillContent('" +navigation3link+ "') >" + navigation3name + "</a>"
// navigation4 = "<a href='javascript:void(0)' onclick=fillContent('" +navigation4link+ "') >" + navigation4name + "</a>"
// navigation5 = "<a href='javascript:void(0)' onclick=fillContent('" +navigation5link+ "') >" + navigation5name + "</a>"

navigation1 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation1name + "') >" + navigation1name + "</a>"
navigation2 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation2name + "') >" + navigation2name.replace(/_/g,' ') + "</a>"
navigation3 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation3name + "') >" + navigation3name + "</a>"
navigation4 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation4name + "') >" + navigation4name + "</a>"
navigation5 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation5name + "') >" + navigation5name + "</a>"
navigation6 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation6name + "') >" + navigation6name + "</a>"
navigation7 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation7name + "'); >"+ navigation7name + "</a>"
navigation8 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation8name + "') >" + navigation8name + "</a>"
navigation9 = "<a href='javascript:void(0)' onclick=javascript:showDiv('" + navigation9name + "') >" + navigation9name + "</a>"
navigation10= "<a href='javascript:void(0)' onclick=javascript:showDiv('" +navigation10name + "') >" +navigation10name + "</a>"

//make a navigation ARRAY
var navigationNames = new Array(navigation1name, navigation2name,navigation3name,navigation4name,navigation5name, navigation6name, navigation7name, navigation8name, navigation9name, navigation10name);
var navigationItems = new Array(navigation1, navigation2,navigation3,navigation4,navigation5, navigation6, navigation7, navigation8, navigation9, navigation10);
	


//iterate over navigation ARRAY
document.write("<ul>");
	//for( i in navigationItems){
	for (i=0;i<10;i++){
		if (navigationNames[i]!=""){
			document.write("<li class='navigation'>" + navigationItems[i] );
		}
	}
document.write("</ul>");	



//////////////////////////////////////////////////////////////////////////////////////////
	function showDiv(page){
		closeDivs();
		//alert("search div "+page);	
		div = document.getElementById(page);
			//alert("found div "+div);
		if(div==null){
		//alert(navigationPageNotFound);
			div = document.getElementById(navigationPageNotFound);//.innerHTML ="<div style='display:block'><h2>Page not found</h2></div>";
		}
		else{
			//alert("show div "+div.id);
			//alert("apply div to "+div);
		}
			div.style.display = "block";
	}

	  function closeDivs(){
		divs = document.getElementById("content").getElementsByTagName("div")
		//iterate over all divs and set display to none
		for (i=0;i<divs.length;i++) {
		//alert(divs[i].id);
			if(divs[i].style.display == "block")
			//alert(divs[i].id + " = " + divs[i].style.display);
				document.getElementById(divs[i].id).style.display = "none";
		}
	  }