var Menue = new Array(
 "top","Home","index.php",

 "top","Kleidung","#",
 "down","Badewickelmantel langer R¨cken","badewickelmantel1.php",
 "down","Badewickelmantel kurzer Rücken","badewickelmantel2.php",
 "down","Badewickelmantel Hebelift","badewickelmantel3.php",
 "down","Bauch-/Nierenwärmer","bauch_nierenwaermer.php",
 "down","Bolero","bolero.php",
 "down","Chäppeli","chaeppeli.php",
 "down","Halsband einfarbig","halsband.php",
 "down","Hals-/Haarband mehrfarbig","halsband2.php",
 "down","Handschuhe ohne Finger","handschuhe.php",
 "down","Hosen nach Mass","hosen.php",
 "down","Mütze","muetze.php",
 "down","Ponchos","ponchos.php",

 "top","Gesundheit","#",
 "down","Traubenkernesäckli","traubenkernsaeckli.php",
 "down","Wickelhülle","wickelhuelle.php",
 "down","Wickelpäckli","wickelpaeckli.php",

 "top","Hilfsmittel","#",
 "down","Essmäntel extralang","essmaentel.php",
 "down","Rollstuhltasche","rollstuhltasche.php",
 "down","Speichelfänger Banane","speichel_banane.php",
 "down","Speichelfänger Schlauch","speichel_schlauch.php",
 "down","Speichelfänger Trichter","speichel_trichter.php",

 "top","Kontakt","kontakt.php", 
 "top","Warenkorb", "warenkorb.php"
);
var MenueDivs = new Array();

var TopStartLinks = 20;
var TopStartOben = 212;
var TopBreite = 133;
var DownBreite = 220;
var DownLinksrand = 20;
var TopHoehe = 15;
var DownHoehe = 20;
var MenueHintergrundfarbe = "#226Ed7";
var MenueText = "Arial,sans-serif";
var MenueTextfarbe = "#000000";
var MenueTextgewicht = "bold";
var MenueTextgroesse = "13px";
var MenueInnenabstand = "2px";
var MouseoverHintergrundfarbe = "#5a91fa";
var MouseoverTextfarbe = "#FFFFFF";
var Rechtsversatz = 0;
var Untenversatz = 10;


function Init() {
 if(document.getElementById)
  Menue_erzeugen();
 else
  if(! parent.Daten)
   window.location.href = "navigationsframe.php";
}

function Menue_erzeugen() {
 var j = 0;
 for(var i = 0; i < Menue.length; i += 3) {
  MenueDivs[j] = document.createElement("div");
  MenueDivs[j].style.position = "absolute";
  MenueDivs[j].style.fontFamily = MenueText;
  MenueDivs[j].style.fontSize = MenueTextgroesse;
  MenueDivs[j].style.color = MenueTextfarbe;
  MenueDivs[j].style.fontWeight = MenueTextgewicht;
  MenueDivs[j].style.backgroundColor = MenueHintergrundfarbe;
  MenueDivs[j].style.padding = MenueInnenabstand;
  MenueDivs[j].style.zIndex = "2";
  if(Menue[i] == "top") {
   MenueDivs[j].innerHTML = "<a class=\"nav\" href=\""+ Menue[i+2] + "\" onMouseover=\"MouseoverTopMenue(" + j + ")\" onMouseout=\"MouseoutTopMenue(" + j + ")\">" + Menue[i+1] + "</a>";
   Untenversatz = DownHoehe;
   if(i > 0) Rechtsversatz += TopBreite;
   MenueDivs[j].style.top = TopStartOben + "px";
   MenueDivs[j].style.left = TopStartLinks + Rechtsversatz + "px";
   MenueDivs[j].style.width = TopBreite + "px";
   MenueDivs[j].style.height = TopHoehe + "px";

  }
  else if(Menue[i] == "down") {
   MenueDivs[j].innerHTML = "<a class=\"nav\" href=\""+ Menue[i+2] + "\" onMouseover=\"MouseoverDownMenue(" + j + ")\" onMouseout=\"MouseoutDownMenue(" + j + ")\">" + Menue[i+1] + "</a>";
   MenueDivs[j].style.top = TopStartOben + Untenversatz + "px";
   MenueDivs[j].style.left = TopStartLinks + Rechtsversatz + "px";
   MenueDivs[j].style.width = DownBreite + "px";
   MenueDivs[j].style.height = DownHoehe + "px";
   MenueDivs[j].style.paddingLeft = DownLinksrand + "px";
   MenueDivs[j].style.visibility = "hidden";
   Untenversatz += DownHoehe;
  }
  document.getElementsByTagName("body")[0].appendChild(MenueDivs[j]);
  j += 1;
 }
}

function MouseoverTopMenue(n) {
  MenueDivs[n].style.backgroundColor = MouseoverHintergrundfarbe;
  Menue_zuruecksetzen();
  for(var i = 0; i < Menue.length; i += 3)
   if(Menue[i] == "down")
    if(parseInt(MenueDivs[parseInt(i/3)].style.left) == parseInt(MenueDivs[n].style.left))
    MenueDivs[parseInt(i/3)].style.visibility = "visible";
}

function MouseoutTopMenue(n) {
  MenueDivs[n].style.backgroundColor = MenueHintergrundfarbe;
}

function MouseoverDownMenue(n) {
  MenueDivs[n].style.backgroundColor = MouseoverHintergrundfarbe;
}

function MouseoutDownMenue(n) {
  MenueDivs[n].style.backgroundColor = MenueHintergrundfarbe;
}

function Menue_zuruecksetzen() {
  for(var i = 0; i < Menue.length; i += 3)
   if(Menue[i] == "down")
    MenueDivs[parseInt(i/3)].style.visibility = "hidden";
}