var Menue = new Array(
"0", "top","Unternehmen","home.html",
"1", "top","Produkte","produkte.html",
"1", "down","Buchsenförderketten","buchsf.html",
"1", "down","Hohlbolzenketten","hohl.html",
"1", "down","Trogförderketten","trog.html",
"1", "down","Spezialketten","spezial.html",
/* "1", "down","Scharnierplattenbandkette","trog.html", */
"1", "down","Antriebsketten","antrieb.html",
"1", "down","Kettenräder","kettenraeder.html",
"2", "top","Die Technik","technik.html",
"3", "top","Anfahrt","plan.html",
"4", "top","Anfrage","anfrage/anfrage_d.html",
"5", "top","English Information","English/home_engl.html",
"5", "down","Company","English/home_engl.html",
"5", "down","Products","English/produkte_engl.html",
"5", "down","Enquiry","anfrage/anfrage_e.html",
"6", "top","Impressum","impressum.html"
);

/* Das ist das Array für die Top Menüelemente */
var MenueDivsDown = new Array();
/* Das ist das Array für die Menüelemente der zweiten Ebene */
var MenueDivsTop = new Array();

var TopStartLinks = 0;
var TopStartOben = 0;
var TopBreite = 175;
var DownStartLinks = 10;
var DownStartOben = TopStartOben;
var DownBreite = TopBreite - DownStartLinks;
var DownLinksrand = 10;
var TopLinksrand = 10;
var TopHoehe = 25;
var DownHoehe = 25;
var MenueTopHintergrundfarbe = "#CCCCC0";
var MenueDownHintergrundfarbe = "#CCCCC0";
var MouseoverTopHintergrundfarbe = "#02CAA2";
var MouseoverDownHintergrundfarbe = "#DB0C06";
var MouseoverTextfarbe = "#FF0000";
var MenueText = "Arial,sans-serif";
var MenueTextfarbe = "#000000";
var MenueTextgewicht = "lighter";
var MenueTextgroesse = "12px";
var MenueInnenabstand = "2px";

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

function Menue_erzeugen()
{
 /* Top Menu erzeugen */
 var j = 0;
 var StartOben = TopStartOben;
 for(var i = 0; i < Menue.length; i += 4)
 {

   
   /* Top Element erzeugen */
   if(Menue[i+1] == "top")
   {   
   
      /* Initialisierung der Top Elemente */
   MenueDivsTop[j] = document.createElement("div");
   MenueDivsTop[j].style.position = "absolute";
   MenueDivsTop[j].style.fontFamily = MenueText;
   MenueDivsTop[j].style.fontSize = MenueTextgroesse;
   MenueDivsTop[j].style.color = MenueTextfarbe;
   MenueDivsTop[j].style.fontWeight = MenueTextgewicht;
   MenueDivsTop[j].style.backgroundColor = MenueTopHintergrundfarbe;
   MenueDivsTop[j].style.padding = MenueInnenabstand;
   MenueDivsTop[j].style.zIndex = "2";
   MenueDivsTop[j].style.border = "outset";
   MenueDivsTop[j].style.borderWidth = "1px";
   MenueDivsTop[j].style.borderLeftWidth = "2px"; 
   
   MenueDivsTop[j].innerHTML = "<a class=\"nav\" href=\""+ Menue[i+3] + "\" onclick=\"ClickTopMenue(" + j + ")\" onMouseout=\"MouseoutTopMenue(" + j + ")\">" + Menue[i+2] + "</a>";
   MenueDivsTop[j].style.top = StartOben + "px";
   MenueDivsTop[j].style.left = TopStartLinks + "px";
   MenueDivsTop[j].style.width = TopBreite + "px";
   MenueDivsTop[j].style.height = TopHoehe + "px";
   MenueDivsTop[j].style.paddingLeft = TopLinksrand + "px";
   StartOben += TopHoehe;
   
   document.getElementsByTagName("body")[0].appendChild(MenueDivsTop[j]);
   j += 1;
  }
 }
  
  /* Down Menue erzeugen */
var StartOben = TopStartOben;
 j = 0;
 
 for(var i = 0; i < Menue.length; i += 4)
  {  
  if(Menue[i+1] == "top")
   {     
   StartOben += TopHoehe; /* die nächsten Ebene ist einen Punkt nach unten verschoben */
   DownStartOben = StartOben; /* die nächste Untermenüebene fängt einen Top Menüpunkt weiter unten an*/

   }
   
  else if(Menue[i+1] == "down")
   {
   /* Initialisierung der Elemente der zweiten Ebene */
   
   MenueDivsDown[j] = document.createElement("div");
   MenueDivsDown[j].style.position = "absolute";
   MenueDivsDown[j].style.fontFamily = MenueText;
   MenueDivsDown[j].style.fontSize = MenueTextgroesse;
   MenueDivsDown[j].style.color = MenueTextfarbe;
   MenueDivsDown[j].style.fontWeight = MenueTextgewicht;
   MenueDivsDown[j].style.backgroundColor = MenueDownHintergrundfarbe;
   MenueDivsDown[j].style.padding = MenueInnenabstand;
   MenueDivsDown[j].style.zIndex = "2";
   MenueDivsDown[j].style.border = "outset";
   MenueDivsDown[j].style.borderWidth = "1px";
   MenueDivsDown[j].style.borderLeftWidth = "2px"; 

   MenueDivsDown[j].innerHTML = "<a class=\"nav\" href=\""+ Menue[i+3] + "\" onMouseover=\"MouseoverDownMenue(" + j + ")\" onMouseout=\"MouseoutDownMenue(" + j + ")\">" + Menue[i+2] + "</a>";
   MenueDivsDown[j].style.top = DownStartOben + "px";
   MenueDivsDown[j].style.left = DownStartLinks + "px";
   MenueDivsDown[j].style.width = DownBreite + "px";
   MenueDivsDown[j].style.height = DownHoehe + "px";
   MenueDivsDown[j].style.paddingLeft = DownLinksrand + "px";
   MenueDivsDown[j].style.visibility = "hidden";
   DownStartOben += DownHoehe;
   
   document.getElementsByTagName("body")[0].appendChild(MenueDivsDown[j]);
   j += 1;

   }
 }
}
  
function ClickTopMenue(n)
{

  MenueDivsTop[n].style.backgroundColor = MouseoverTopHintergrundfarbe;
  Menue_zuruecksetzen(); 

  var z = 0;
  var x = 0;
  var shiftcount = 0;
  for(var i = 0; i < Menue.length; i += 4)
   if(Menue[parseInt(i+1)] == "down")
   {
    if (Menue[i] == parseInt(n))
      {
      MenueDivsDown[x].style.visibility = "visible";
      shiftcount += 1; 
      };  
      x += 1;
   }
   else if(Menue[i+1] == "top")
   {
    if (parseInt(Menue[i]) > parseInt(n))
       {
       MenueDivsTop[z].style.top = (parseInt(MenueDivsTop[z].style.top) + shiftcount*DownHoehe) + "px";
       }  
    z += 1; /* das ist der Index in die TopMenüleiste */
   } 
}

function MouseoutTopMenue(n) {
  MenueDivsTop[n].style.backgroundColor = MenueTopHintergrundfarbe;
}

function MouseoverDownMenue(n) {
  MenueDivsDown[n].style.backgroundColor = MouseoverDownHintergrundfarbe;
}

function MouseoutDownMenue(n) {
  MenueDivsDown[n].style.backgroundColor = MenueDownHintergrundfarbe;
}

function Menue_zuruecksetzen() 
{
  var StartOben = TopStartOben;
  var z = 0;
  var x = 0;
  for(var i = 0; i < Menue.length; i += 4)
   {
   if(Menue[(i+1)] == "down")
    {
    MenueDivsDown[x].style.visibility = "hidden";
    MenueDivsDown[x].style.backgroundColor = MenueDownHintergrundfarbe;
    x += 1;
    }
   else if(Menue[(i+1)] == "top") /* wir setzen das Top Menü auch zurück */
    {
    MenueDivsTop[z].style.top = StartOben + "px";
    MenueDivsTop[z].style.backgroundColor = MenueTopHintergrundfarbe;
    StartOben += TopHoehe;
    z += 1;
    }
   };
}

function TopMenue_zuruecksetzen() 
{
  TopStartOben = 0;
  var z = 0;
  for(var i = 0; i < Menue.length; i += 4)
   { 
   if(Menue[(i+1)] == "top") /* wir setzen das Top Menü auch zurück */
    {
    MenueDivsTop[z].style.top = TopStartOben + "px";
    MenueDivsTop[z].style.backgroundColor = MenueTopHintergrundfarbe;
    TopStartOben += TopHoehe;
    z += 1;
    };

   };
}