var availHeight=0;
var availWidth=0;
var heightBottom=111;
var NSMenuHeight=260;
var NSMenuWidth=179;
var NSMenuPicHeight = 140;
var NSBottomHeight=111;
var NSMenuInactiveHeight=183;
var NSCleanTopHeight = 100;
var NSCleanBottomHeight = 100;
var NSCleanLeftWidth = 100;
var NSMeta3Abstand = 306;
var init=true;
var menuShow=true;

var ns4 = (document.layers)? true:false;
var ie = (document.all) ? true : false;
var ns6 = (document.getElementById)? true:false;


function initialize ()
  {
  if(init)
    {
    printCleanRahmen();
    printMenus();
    printMetaMenus();
    init=false;
    }
  menuShow=true;
  //Hoehe des Frames ermitteln

  if (ie)
  {
  availHeight=document.all.bodyHpMain.offsetHeight;
  availWidth=document.all.bodyHpMain.offsetWidth;
  }
  else
  {
  availHeight=this.parent.frames[1].innerHeight;
  availWidth=this.parent.frames[1].innerWidth;
  }



  if (!ie && ns6)
  {
   window.onresize = initialize;
   //Position der Menus berechnen
   pos = document.anchors['menu1'];
   left = getLeft(pos);

   if (navigator.platform.indexOf("Mac")!=-1){
       topp = getTop(pos) - 129;
   } else {
       topp = getTop(pos) - 128;
   }

   document.getElementById("m1").style.top = topp;
   document.getElementById("m1").style.left = left;
   //ein Platz weiter rutschen
   pos2 = document.anchors['menu2'];
   left += pos.offsetWidth + 1;
   document.getElementById("m2").style.top = topp;
   document.getElementById("m2").style.left = left;
   //ein Platz weiter rutschen
   pos2 = document.anchors['menu3'];
   left += pos.offsetWidth + 1;
   document.getElementById("m3").style.top = topp;
   document.getElementById("m3").style.left = left;
   //ein Platz weiter rutschen
   pos2 = document.anchors['menu4'];
   left += pos.offsetWidth + 1;
   document.getElementById("m4").style.top = topp;
   document.getElementById("m4").style.left = left;

   //metaMenus positionieren
   document.getElementById("m5").style.top=0;

  //Clean-Rahmen positionieren
   document.getElementById("cleanTop").style.left = 0;
   document.getElementById("cleanTop").style.top = document.getElementById("m1").style.top - NSCleanTopHeight;
   document.getElementById("cleanBottom").style.left = 0;
   document.getElementById("cleanBottom").style.top = NSMenuHeight + getTop(pos) - NSMenuPicHeight;
   document.getElementById("cleanLeft").style.left = getLeft(pos) - NSCleanLeftWidth;
   document.getElementById("cleanLeft").style.top = getTop(pos) - pos.style.outerHeight;
   document.getElementById("cleanRight").style.left = getLeft(pos) + 4 * NSMenuWidth;
   document.getElementById("cleanRight").style.top = getTop(pos)- pos.style.outerHeight;
   }
  else if (ie)
   {
   window.onresize = initialize;
   //Internet Explorer
   //Position der Menus berechnen
   pos = document.all['menu1'];
   left = getLeft(pos);
   top = getTop(pos);

   m1.style.posTop = top;
   m1.style.posLeft = left;
   //ein Platz weiter rutschen
   pos2 = document.all['menu2'];
   left += pos.offsetWidth + 1;
   m2.style.posTop = top;
   m2.style.posLeft = left;
   //ein Platz weiter rutschen
   pos2 = document.all['menu3'];
   left += pos.offsetWidth + 1;
   m3.style.posTop = top;
   m3.style.posLeft = left;
   //ein Platz weiter rutschen
   pos2 = document.all['menu4'];
   left += pos.offsetWidth + 1;
   m4.style.posTop = top;
   m4.style.posLeft = left;

   //metaMenus positionieren
   m5.style.posTop=0;

  //Clean-Rahmen positionieren
   cleanTop.style.posLeft = 0;
   cleanTop.style.posTop = getTop(pos) - NSCleanTopHeight;
   cleanBottom.style.posLeft = 0;
   cleanBottom.style.posTop = getTop(pos) + NSMenuHeight;
   cleanLeft.style.posLeft = getLeft(pos) - NSCleanLeftWidth;
   cleanLeft.style.posTop = getTop(pos);
   cleanRight.style.posLeft = getLeft(pos) + 4 * NSMenuWidth;
   cleanRight.style.posTop = getTop(pos);
   }
     else
   {

   //Position der Menus berechnen
   var top=((availHeight-heightBottom-NSMenuHeight)/2);
   var left=(availWidth-(NSMenuWidth*4))/2;
   if(top<15)
     {
     //falls Platz gesamt (mit Ueberdeckung der Teaser) ausreicht, ganzes Frame nutzen
     if(((availHeight-NSMenuHeight)/2)<0)
       {
      //falls immer noch zu klein aktive Menus nicht anzeigen, inaktive mittig plazieren
       menuShow=false;
       }
     top=15;
     }

   //Position der Menus berechnen
   pos = document.anchors['menu1'];
   left = pos.x;
   top = pos.y;
   document.m1.pageY = top;
   document.m1.pageX = left;
   //ein Platz weiter rutschen
   left += NSMenuWidth;
   left += 1;
   document.m2.pageY = top;
   document.m2.pageX = left;
   //ein Platz weiter rutschen
   left += NSMenuWidth;
   left += 1;
   document.m3.pageY = top;
   document.m3.pageX = left;
   //ein Platz weiter rutschen
   left += NSMenuWidth;
   left += 1;
   document.m4.pageY = top;
   document.m4.pageX = left;

   //metaMenus positionieren
   document.m5.pageY=0;

  //Clean-Rahmen positionieren
   document.cleanTop.pageX = 0;
   document.cleanTop.pageY = pos.y - NSCleanTopHeight;
   document.cleanBottom.pageX = 0;
   document.cleanBottom.pageY = pos.y + NSMenuHeight;
   document.cleanLeft.pageX = pos.x - NSCleanLeftWidth;
   document.cleanLeft.pageY = pos.y;
   document.cleanRight.pageX = pos.x + 4 * NSMenuWidth;
   document.cleanRight.pageY = pos.y;
   }

  return;
  }

function getLeft(ll) {
if (ll.offsetParent){
return (ll.offsetLeft + getLeft(ll.offsetParent));
}else{
return (ll.offsetLeft);
}
}
function getTop(ll) {
if (ll.offsetParent)
return (ll.offsetTop + getTop(ll.offsetParent));
else
return (ll.offsetTop);
}

function showCleanFrame()
  {

   if (!ie && ns6)
   {
   document.getElementById("cleanTop").style.visibility="visible";
   document.getElementById("cleanBottom").style.visibility="visible";
   document.getElementById("cleanLeft").style.visibility="visible";
   document.getElementById("cleanRight").style.visibility="visible";
   }

  else if (ie)
   {
   cleanTop.style.visibility="visible";
   cleanBottom.style.visibility="visible";
   cleanLeft.style.visibility="visible";
   cleanRight.style.visibility="visible";
   }
  else
   {
   document.cleanTop.visibility="show";
   document.cleanBottom.visibility="show";
   document.cleanLeft.visibility="show";
   document.cleanRight.visibility="show";
   }
  }

function hideCleanFrame()
  {

  if (!ie && ns6)
   {
   document.getElementById("cleanTop").style.visibility="hidden";
   document.getElementById("cleanBottom").style.visibility="hidden";
   document.getElementById("cleanLeft").style.visibility="hidden";
   document.getElementById("cleanRight").style.visibility="hidden";
   }
   else if (ie)
   {
    try
    {
     cleanTop.style.visibility="hidden";
     cleanBottom.style.visibility="hidden";
     cleanLeft.style.visibility="hidden";
     cleanRight.style.visibility="hidden";
    }catch(err){}
   }
   else
   {
   document.cleanTop.visibility="hide";
   document.cleanBottom.visibility="hide";
   document.cleanLeft.visibility="hide";
   document.cleanRight.visibility="hide";
   }
  }

function clean()
  {
  hideCleanFrame();
  top.topframe.navimetaframe.MM_swapImgRestore();

  if (!ie && ns6)
   {
   document.getElementById("m1").style.visibility="hidden";
   document.getElementById("m2").style.visibility="hidden";
   document.getElementById("m3").style.visibility="hidden";
   document.getElementById("m4").style.visibility="hidden";
   document.getElementById("m5").style.visibility="hidden";
   }
   else if (ie)
   {
     try
     {
      m1.style.visibility="hidden";
      m2.style.visibility="hidden";
      m3.style.visibility="hidden";
      m4.style.visibility="hidden";
      m5.style.visibility="hidden";
     }catch(err){}
   }
  else
   {
   document.m1.visibility="hide";
   document.m2.visibility="hide";
   document.m3.visibility="hide";
   document.m4.visibility="hide";
   document.m5.visibility="hide";
   }
  }

function menu (i)
{
if(!menuShow)
  {return;};
  clean();
  showCleanFrame();

 if (!ie && ns6)
 {
{
 //Netscape 6
  switch(i)
  {
   case 1:
   {
     document.getElementById("m1").style.visibility="visible";
     return;
   }
   case 2:
   {
     document.getElementById("m2").style.visibility="visible";
     return;
   }
   case 3:
   {
     document.getElementById("m3").style.visibility="visible";
     return;
   }
   case 4:
   {
     document.getElementById("m4").style.visibility="visible";
     return;
   }
  }
 }
 }
 else if (ie)
 {
 //Internet Explorer
  switch(i)
  {
   case 1:
   {
     m1.style.visibility="visible";
     return;
   }
   case 2:
   {
     m2.style.visibility="visible";
     return;
   }
   case 3:
   {
     m3.style.visibility="visible";
     return;
   }
   case 4:
   {
     m4.style.visibility="visible";
     return;
   }
  }
 }
else
 {
  switch(i)
  {
   case 1:
   {
     document.m1.visibility="show";
     return;
   }
   case 2:
   {
     document.m2.visibility="show";
     return;
   }
   case 3:
   {
     document.m3.visibility="show";
     return;
   }
   case 4:
   {
     document.m4.visibility="show";
     return;
   }
  }
 }
}

function metaMenu(nr, abstand)
{

 if (!ie && ns6)
 {
//Netscape 6
  switch(nr)
  {
   case 1:
   {
     document.getElementById("m5").style.left=abstand;
     document.getElementById("m5").style.visibility="visible";
     return;
   }
  }
 }
 else if (ie)
 {
 //Internet Explorer
  switch(nr)
  {
   case 1:
   {
     try
     {
       m5.style.posLeft=abstand;
       m5.style.visibility="visible";
     }catch(err){}
     return;
   }
  }
 }
else
 {
  switch(nr)
  {
   case 1:
   {
     document.m5.pageX=abstand;
     document.m5.visibility="show";
     return;
   }
  }
 }
}