/*Unter Verwendung eines Scriptes aus dem Buch "DHTML" von Stefan Münz, Franzis' Verlag GmbH,
85586 Poing, 2003*/

var Menue = new Array("top1","<div onmouseover=\"nav_shoes.src='gifs\/HEAD_navshoeRO.gif'\" onmouseout=\"nav_shoes.src='gifs\/HEAD_navshoe.gif'\">" + "<img src=\"gifs\/HEAD_navshoe.gif\" name=\"nav_shoes\" width=\"161\" height=\"29\" border=\"0\" title=\"Shoes MEN and WOMEN\">" + "</div>","#");

var MenueDivs = new Array();
var TopStartLinks = 56;
var TopStartOben = 209;
var TopBreite = 161;
var TopHoehe = 29;
var TopLinksrand = 0;
//var MenueHintergrundfarbe = "#CCCCCC";
//var MenueText = "Verdana,sans-serif";
//var MenueTextfarbe = "#000000";
//var MenueTextgewicht = "500";
//var MenueTextgroesse = "11px";
//var MouseoverHintergrundfarbe = "#999999";
//var MouseoverTextfarbe = "#FFFFFF";
var MenueInnenabstand = "0px";
var Rechtsversatz = 0;


function Init() {
 if(document.getElementById)
  Menue_erzeugen();
}

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] == "top1") {
// hier den Zusatz gelöscht:onMouseout=\"MouseoutTopMenue(" + j + ")\"
  MenueDivs[j].innerHTML = "<a href=\" "+ Menue[i+2] +" \"onClick=\"MouseoverTopMenue(" + j + ")\">" +    Menue[i+1] + "</a>";
  Rechtsversatz = 0;

   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";
   MenueDivs[j].style.paddingLeft = TopLinksrand + "px";
  }
    document.getElementsByTagName("body")[0].appendChild(MenueDivs[j]);
  j += 1;
 }
}

var Menue2 = new Array(
"down1","<div onmouseover=\"men.src=\'gifs\/HEAD_navshoe_down2.gif\'\" onmouseout=\"men.src=\'gifs\/HEAD_navshoe_down1.gif\'\">" + "<img src=\"gifs\/HEAD_navshoe_down1.gif\" name=\"men\" width=\"161\" height=\"29\" border=\"0\" style=\"\Filter: Alpha(opacity=60);-moz-opacity: 0.6;\">" + "</div>","seiten/shoes_women.htm",

"down1","<div onmouseover=\"women.src=\'gifs\/HEAD_navshoe_down4.gif\'\" onmouseout=\"women.src=\'gifs\/HEAD_navshoe_down3.gif\'\">" + "<img src=\"gifs\/HEAD_navshoe_down3.gif\" name=\"women\" width=\"161\" height=\"29\" border=\"0\" style=\"\Filter: Alpha(opacity=60);-moz-opacity: 0.6;\">" + "</div>","seiten/shoes_men.htm");

var Menue2Divs = new Array();
var DownStartLinks = 56;
var DownStartOben = 209;
var DownBreite = 161;
var DownLinksrand = 0;
var DownHoehe = 29;
var DownUntenrand = 0;

//var Menue2Transparenz = "Alpha(opacity=50)";
//var Menue2TransparenzMoz = "0.5";
//var Menue2Hintergrundfarbe = "#CCCCCC";
//var Menue2Text = "Verdana,sans-serif";
//var Menue2Textfarbe = "#000000";
//var Menue2Textgewicht = "600";
//var Menue2Textgroesse = "12px";
//var Mouseover2Hintergrundfarbe = "#999999";
//var Mouseover2Transparenz = "Alpha(opacity=100)";
//var Mouseover2TransparenzMoz = "1.0";
//var Mouseover2Textfarbe = "#FFFFFF";
var Menue2Innenabstand = "0px";
var Rechtsversatz2 = 161;
var Untenversatz = 0;

function Init_down() {
 if(document.getElementById)
  Menue_erzeugen_down();
}

function Menue_erzeugen_down() {
 var j = 0;
 for(var i = 0; i < Menue2.length; i += 3) {
  Menue2Divs[j] = document.createElement("div");
  Menue2Divs[j].style.position = "absolute";
//  Menue2Divs[j].style.fontFamily = Menue2Text;
//  Menue2Divs[j].style.fontSize = Menue2Textgroesse;
//  Menue2Divs[j].style.color = Menue2Textfarbe;
//  Menue2Divs[j].style.fontWeight = Menue2Textgewicht;
//  Menue2Divs[j].style.backgroundColor = Menue2Hintergrundfarbe;
//  Menue2Divs[j].style.Filter = Menue2Transparenz;
//das geht nicht! ->  Menue2Divs[j].style.-moz-opacity = Menue2TransparenzMoz;
  Menue2Divs[j].style.padding = Menue2Innenabstand;
  Menue2Divs[j].style.zIndex = "3";

if(Menue2[i] == "down1") {
   Menue2Divs[j].innerHTML = "<a class=\"nav\" href=\" " + Menue2[i+2] + "\" onMouseover=\"\" onMouseout=\"\">" + Menue2[i+1] + "</a>";


   Menue2Divs[j].style.top = DownStartOben + Untenversatz + "px";
   Menue2Divs[j].style.left = DownStartLinks + Rechtsversatz2 + "px";
   Menue2Divs[j].style.width = DownBreite + "px";
   Menue2Divs[j].style.height = DownHoehe + DownUntenrand + "px";
   Menue2Divs[j].style.paddingLeft = DownLinksrand + "px";
   Menue2Divs[j].style.visibility = "hidden";
   Untenversatz += DownHoehe;
  }


  document.getElementsByTagName("body")[0].appendChild(Menue2Divs[j]);
  j += 1;
 }
}

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

function MouseoverDownMenue(n) {
  Menue2Divs[n].style.backgroundColor = Mouseover2Hintergrundfarbe;
}
function MouseoutDownMenue(n) {
  Menue2Divs[n].style.backgroundColor = Menue2Hintergrundfarbe;
}


function MouseoverDownMenue(n) {
  Menue2Divs[n].style.Filter = Mouseover2Transparenz;
}
function MouseoutDownMenue(n) {
  Menue2Divs[n].style.Filter = Menue2Transparenz;
}
*/

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