var mainmenu = new Array();
mainmenu[0] = new Array("/html/daemmstoffe.html", "Dämmstoffe");
mainmenu[1] = new Array("/html/aufsparren.html", "auf Sparren");
mainmenu[2] = new Array("/html/zwischensparren_ade.html", "zwischen Sparren");
mainmenu[3] = new Array("/html/untersparren_u.html", "unter Sparren");
mainmenu[4] = new Array("/html/anfrage.php", "Anfrage");

var submenu = new Array();
submenu[0] = new Array();
submenu[0][0] = new Array("/html/loesungen.html", "Lösungen");
submenu[1] = new Array ();
submenu[1][0] = new Array("/html/aufsparren.html", "DDD");
submenu[1][1] = new Array("/html/aufsparren_pur.html", "PIR/PUR 024");
submenu[1][2] = new Array("/html/aufsparren_pur28.html", "PIR/PUR 028");
submenu[2] = new Array();
submenu[2][0] = new Array("/html/zwischensparren_ade.html", "ADE");
submenu[2][1] = new Array("/html/zwischensparren_rz.html", "RZ");
submenu[2][2] = new Array("/html/zwischensparren_zd.html", "ZD");
submenu[3] = new Array();
submenu[3][0] = new Array("/html/untersparren_u.html", "U");
submenu[4] = new Array ();
submenu[4][0] = new Array("/html/anfrage.php","Kontakt")
submenu[4][1] = new Array("/html/impressum.html","Impressum")

var timer = new Array();
var selflocation = self.location.href.substr(self.location.href.lastIndexOf("/")+1);
var cellstyle = "";

function mainmenuHideSub(menuitem){
  changeStyle("submenu_"+menuitem, "visibility", "hidden");
  changeStyle("mainmenu_cell_"+menuitem, "borderTop", "0px solid #FFFFFF");
}

function mainmenuOut(menuitem){
  timer[menuitem] = setTimeout("mainmenuHideSub('"+menuitem+"')", 400);
}

function mainmenuIn(menuitem){
  changeStyle("submenu_"+menuitem, "visibility", "visible");
  changeStyle("mainmenu_cell_"+menuitem, "borderTop", "5px solid #008030");
  clearTimeout(timer[menuitem]);
}

//create mainmenu
document.writeln("<table cellspacing='0' cellpadding='0'>");
document.writeln("<tr>");
for(var m in mainmenu){
  if(selflocation == mainmenu[m][0]){
    cellstyle = "background-color:#EEEEEE";
  }
  document.writeln("<td style='"+cellstyle+"' id='mainmenu_cell_"+m+"' onMouseover=\"mainmenuIn("+m+")\" onMouseout=\"mainmenuOut("+m+")\" onClick=\"self.location.href='"+mainmenu[m][0]+"'\" class='mainmenu_cell'><a class='navigation' href='"+mainmenu[m][0]+"'>"+mainmenu[m][1]+"</a></td>");
  cellstyle = "";
}
document.writeln("</tr>");
document.writeln("</table>");

//create submenu
var left = 2;
for(var m in mainmenu){
  if(submenu[m]){
    document.writeln("<div id='submenu_"+m+"' style='position:absolute; top:65px; left:"+left+"px' class='submenu' onMouseover='mainmenuIn("+m+")' onMouseout='mainmenuOut("+m+")'>");
    document.writeln("<table cellspacing='0' cellpadding='0'>");
    document.writeln("");
    for(var s in submenu[m]){
      document.writeln("<tr><td id='submenu_cell_"+m+"_"+s+"' onMouseover=\"changeStyle(this.id, 'backgroundColor', '#64BD02')\" onMouseout=\"changeStyle(this.id, 'backgroundColor', '#008030')\" onClick=\"self.location.href='"+submenu[m][s][0]+"'\" class='submenu_cell'><a class='sub_navigation' href='"+submenu[m][s][0]+"'>"+submenu[m][s][1]+"</a></td></tr>");
    }
    document.writeln("");
    document.writeln("</table>");
    document.writeln("</div>");
  }
  left += 110;
}