// JavaScript Document
<!-- Navigation Links
navMenuOn = 0;
navMenuItemOn = 0;

<!-- Ausgewählte Menüs -->
menuClicked = 0;
menuItemClicked = 0;

menuOn = 0;
subMenuOn = 0;
menuReg = 0;
anzahlm = 6;

<!-- Menü UNTEN 
<!-- Aktiviertes Menü
MenuSelected = 0;
<!-- Aktiviertes Untermenü
MenuItemSelected = 0;
<!-- MenüBar Titelleiste -->

<!-- Für jedes Menü gibt es ein entsprechendes Verzeichnis -->
<!-- Zugriff:
<!-- MenuBar: menu[1-6].dir
<!-- Items: menu[1-6].menuItems[1-..]
<!-- Navigationsleiste links menu[1-6].menuItems[1-..].nav[1-..]
<!-- Beispiel:
<!--  function test ()
<!--  {
	<!-- Zugriff auf das Array
<!--  	alert (menu[0].dir+
<!--  		   menu[1].dir[1]+
<!--  		   menu[0].dir+
<!--  		   menu[2].dir[1]+
<!--  		   menu[0].dir+
<!--  		   menu[2].menuItems[1].dir+
<!--  		   menu[2].menuItems[1].nav[1]);
<!--  }

menu = new Array();
menu[0] = {dir: ""};
menu[1] = {dir: ["", "Home"]};
menu[2] = {dir: ["", "MedionMN"],
		   menuItems: [ {dir:""},
		   				{dir: "POI", nav: ["", "Bestellen", "Features", "Anleitung", "Updates", "Reviews", "FAQ"]}
					  ]
    	  };
menu[3] = {dir: ["", "TomTom"],
		   menuItems: [ {dir:""},
		   				{dir: "POI", nav: ["", "Bestellen", "Features", "Anleitung", "Updates", "Reviews", "FAQ"]},
			   		    {dir: "AddOn", nav: ["", "Bestellen", "Features", "Anleitung", "Reviews", "POI-Datenbanken", "Tipps", "FAQ"]}
					  ]
    	  };
		  
menu[4] = {dir: ["", "MN"],
		   menuItems: [ {dir:""},
		   		   		{dir: "POI", nav: ["", "Bestellen", "Features", "Anleitung", "Updates", "Reviews", "FAQ"]},
		   				{dir: "AddOn", nav : ["","Bestellen", "Features", "Anleitung", "Reviews", "POI-Datenbanken", "Tipps", "FAQ" ]}
					  ]
    	  };

menu[5] = {dir: ["", "Impressum"]};


 
<!-- Menü UNTEN 
<!-- Aktiviertes Menü
MenuSelected = 0;
<!-- Aktiviertes Untermenü
MenuItemSelected = 0;


function stringToInteger (inputString)
{
  return parseInt(inputString);
}

function loadPage (menuNR, menuItemNR, navMenuNR, navMenuItemNR)
{


	var pageLink ="Home/Index.htm";
	var prefix ="../";

	if ( document.Testform.menuItemSelected.value != 0)
	{
		if ( document.Testform.navMenuSelected.value != 0)
		{
			prefix = "../../../";
		}
		else
		{
			prefix = "../../";
		}
	}
	kette = prefix;
	
	<!-- alte Werte auf der Seite speichern
	 document.Testform.menuSelected.value = self.parent.LeerLinks.document.Testform.menuSelected.value;
	 document.Testform.menuItemSelected.value = self.parent.LeerLinks.document.Testform.menuItemSelected.value;
	 document.Testform.navMenuSelected.value = self.parent.LeerLinks.document.Testform.navMenuSelected.value;
	 
	<!-- neue Werte im leeren Frame speichern
	 self.parent.LeerLinks.document.Testform.menuSelected.value = menuNR;
	 self.parent.LeerLinks.document.Testform.menuItemSelected.value = menuItemNR;
	 self.parent.LeerLinks.document.Testform.navMenuSelected.value = navMenuNR;
	 

	<!-- Link zusammenbauen
	if (menuItemNR != 0)
	{ 
		if (navMenuNR != 0)
		{
			pageLink = (prefix+
				(menu[stringToInteger (menuNR)].dir[1])+"/"+
				(menu[stringToInteger (menuNR)].menuItems[stringToInteger (menuItemNR)].dir)+"/"+
			    (menu[stringToInteger (menuNR)].menuItems[stringToInteger (menuItemNR)].nav[stringToInteger(navMenuNR)])+"/"+
				(menu[stringToInteger (menuNR)].menuItems[stringToInteger (menuItemNR)].nav[stringToInteger(navMenuNR)]+"-"+stringToInteger(navMenuItemNR)+".htm")
				);
		}
		else // nur Hauptmenü und Produkt (z.B. MN/POI/Index aufrufen!!
		{
			pageLink = (prefix+(menu[stringToInteger (menuNR)].dir[1])+"/"+
					    (menu[stringToInteger (menuNR)].menuItems[stringToInteger (menuItemNR)].dir+"/Index.htm"));		
		}
	}
	else // nur Hauptmenü
	{
			pageLink = prefix+(menu[stringToInteger (menuNR)].dir[1])+"/Index.htm";					
	}


	alert ("prefix:  "+kette+"  Ich will hierhin:  "+pageLink);
	<!-- alert ("Weil:   "+menuNR+" "+menuItemNR+ " " +navMenuNR+ "übergeben wurde");	

	<!-- Seite öffnen
	self.parent.Content.location.href = pageLink;
}

function DivObjDocument(div_id) 
{
    if (!div_id || div_id.length==0) {
       div_obj = document;
    }
    else {
       if (document.getElementById) {
          div_obj = document; // W3C
       }   
       else if (document.layers) {
          div_obj = eval("document."+div_id+".document");
       }
       else if (document.all) {
          div_obj = eval("document.all."+div_id+".document");
       }   
    }   
    return div_obj;
}   
function DivObjFrame(div_id, fr) 
{
	if (fr.getElementById) {
          div_obj = fr; // W3C
       }   
       else if (fr.layers) {
          div_obj = eval("document."+div_id+".document");
       }
       else if (fr.all) {
          div_obj = eval("document.all."+div_id+".document");
       }   
    return div_obj;
}   
<!-- fr = document oder self.parent.<nameframe>.document; 
<!-- Zugriff auf das Style Objekt-->
function DivObjStyle(div_id, fr)
{
    if (!div_id || div_id.length==0)
    {
       if (fr.getElementById) {
           div_obj = fr.style;
       }    
       else if (fr.layers) {
           div_obj = fr;
       }
       else if (fr.all) {
           div_obj = fr.all.style;
       }
    }
    else {   
       if (fr.getElementById) {
          div_obj = fr.getElementById(div_id).style;
       }    
       else if (fr.layers) {
          div_obj = eval("document."+div_id);
       }
       else if (fr.all) {
          div_obj = eval("document.all."+div_id+".style");
       }
    }   
    return div_obj;
}
<!-- Zugriff auf einzelne Dokumentbereiche -->
function DivObj(div_id, fr)
{
    if (!div_id || div_id.length==0)
    {
       if (fr.getElementById) {
           div_obj = fr;
       }    
       else if (fr.layers) {
           div_obj = fr;
       }
       else if (fr.all) {
           div_obj = fr.all;
       }
    }
    else {   
       if (fr.getElementById) {
          div_obj = fr.getElementById(div_id);
       }    
       else if (fr.layers) {
          div_obj = eval("document."+div_id);
       }
       else if (fr.all) {
          div_obj = eval("document.all."+div_id);
       }
    }   
    return div_obj;
}
function initPage ()
{
	alert ("init wird aufgerufen");
	if (document.Testform.menuSelected.value !=0)  // Aufruf der Seite erfolgte über den ZURÜCK-Button des Browsers
	{
		alert ("Aufruf über den ZURÜCK-BUTTON!!");
		self.parent.LeerLinks.document.Testform.menuSelected.value = document.Testform.menuSelected.value;
		self.parent.LeerLinks.document.Testform.menuItemSelected.value = document.Testform.menuItemSelected.value;
		self.parent.LeerLinks.document.Testform.navMenuSelected.value = document.Testform.navMenuSelected.value;
	}
	if (self.parent.LeerLinks.document.Testform.menuSelected.value != 0)
	{
		DivObj(("m"+ self.parent.LeerLinks.document.Testform.menuSelected.value), document).className = "m"+ self.parent.LeerLinks.document.Testform.menuSelected.value+"h";
	}
}

function Clear ()
	
{
	<!-- Deaktiviere Hauptmenü -->
	 for(var i = 1; i <= anzahlm; i++)
 	 {
 		if ((menuOn != 0)  && (DivObj("m"+menuOn, document).className != "m"+menuOn+"r"))
		{
 			DivObj("m"+menuOn, document).className = "m"+menuOn;
		}
 	}
	
	if ((1 < menuOn) && (menuOn < 5) && (menuOn != 0)) {
		
		<!-- Angezeigtes Untermenü verstecken -->
		<!-- evtl ToggleHighlight aufrufen -->
		DivObjStyle("sm"+menuOn, document).visibility = "hidden";
		subMenuOn = 0;
	}
	<!-- Sensor ausblenden
	DivObjStyle(("Sensor"), document).visibility = "hidden";
	menuOn = 0;
}

function showMenu (nr) {
	<!-- 1) Bisherige Selektion löschen
	<!-- 2) Klasse des Menüs ändern
	<!-- 3) Untermenü anzeigen, falls eins existiert
	
	<!-- 1
	Clear ();
	<!-- 2
	if ((menuOn != nr)&& (DivObj("m"+nr, document).className != "m"+nr+"r"))	
	{
			DivObj ("m"+nr, document).className = "m"+nr+"h";
	}
	menuOn = nr;
	
	<!-- 3
	if ((1 < nr) && (nr < 5))
	{
		<!-- SubMenüebene einblenden
		DivObjStyle(("sm"+nr), document).visibility = "visible";
	}
	<!-- Sensor aktivieren
	DivObjStyle(("Sensor"), document).visibility = "visible";
}

function toggleHighlight (nr)
	
{
	if (DivObj("sm"+menuOn+nr, document).className == "sm"+menuOn+"h")
	{
		DivObj("sm"+menuOn+nr, document).className = "sm"+menuOn;
	}
	else
	{

		DivObj("sm"+menuOn+nr, document).className = "sm"+menuOn+"h";
	}
}

function showTitle (menu, menuItem)
{
	<!-- Sensor ausblenden
	DivObjStyle(("Sensor"), document).visibility = "hidden";

	<!-- bisheriges Menü ausblenden
	if (menuClicked != 0) {
		if ((menuClicked == 1) || (menuClicked == 5) || (menuClicked ==6)) {
			DivObjStyle(("T1"), document).visibility = "hidden";
		}
		else
		{
			DivObjStyle(("T"+menuClicked+menuItemClicked), document).visibility = "hidden";
		}		
	}
			
	<!-- Titelleiste einblenden
	if ((menu == 1) || (menu == 5) || (menu ==6)) {
		DivObjStyle(("T1"), document).visibility = "visible";
		menuClicked = menu;
	}
	else
	{
		DivObjStyle(("T"+menu+menuItem), document).visibility = "visible";
		menuClicked = menu;
		menuItemClicked = menuItem;
	}

		<!-- TEST
	if (menu == 2)
	{   
		top.meineVariable = 2;
		location.href = "MedionMN/Index.htm";
	}
	
	if (menu == 3)
	{
		top.meineVariable = 3;
		location.href = "TomTom/Index.htm";
		<!-- TEST
	}
	
	if (menu == 4)
	{
		location.href = "MN/Index.htm";
	}
	if (menu == 5)
	{
		location.href = "Impressum/Index.htm";
	}
}

<!-- Navigation Links
function navClear(nr) {
	if (navMenuOn != 0)
	{

		DivObjStyle ("m"+navMenuOn+"gli", document).visibility = "hidden";
		DivObjStyle ("m"+navMenuOn+"gre", document).visibility = "hidden";
		DivObj ("navm"+navMenuOn, document).className = "navMenuItem";
		navMenuOn = 0;
		<!-- ÄNDERN!!
		if (navMenuItemOn == 4) {		
			DivObjStyle ("navSm"+navMenuItemOn, document).visibility = "hidden";
			navMenuItemOn = 0;
		}
						
	}
}

function navShowMenu (nr) {
	navClear(3);
	DivObjStyle ("m"+nr+"gli", document).visibility = "visible";
	DivObjStyle ("m"+nr+"gre", document).visibility = "visible";
	DivObj ("navm"+nr, document).className = "navMenuItemOn";
	<!-- ÄNDERN!!
	if (nr == 4) {

		DivObjStyle ("navSm"+nr, document).visibility = "visible";
		navMenuItemOn = nr;
	}
	navMenuOn = nr;
	}

<!-- IMPORTIEREN !!
function navToggleHighlight (nr)
{

	if ((DivObj("navSm"+navMenuOn+nr, document).className == "navSm") || (DivObj("navSm"+navMenuOn+nr, document).className == "navSmtop"))
	{
		if (DivObj("navSm"+navMenuOn+nr, document).className == "navSmtop") {
		
			DivObj("navSm"+navMenuOn+nr, document).className = "navSmhtop";

		}
		else
		{
			DivObj("navSm"+navMenuOn+nr, document).className = "navSmh";
		}
	}
	else
	{
		if (DivObj("navSm"+navMenuOn+nr, document).className == "navSmhtop") {
			DivObj("navSm"+navMenuOn+nr, document).className = "navSmtop";
		}
		else
		{
			DivObj("navSm"+navMenuOn+nr, document).className = "navSm";
		}
	}

}