//----- Vars -----//

var clicked="";
var colorOver='#69C';
var colorOut='#036';
var colorClick='#CCC';

var oldMenu = '';
var checkDiv = '';



function schliessen(menuName){
var subMenu = 'sub' + menuName;
var bgName = 'main' + menuName;
var imgMenu = 'img' + menuName;
var imgSource = '../images/home/' + menuName.toLowerCase() + '.gif';


  document.getElementById(subMenu).style.visibility="hidden";
  //document.getElementsByName(imgMenu)[0].src=imgSource;
  chgBg(bgName, 'out');
}



//----- Submenu -----//
function subnavi(menuName) {
var subMenu = 'sub' + menuName;
var bgMenu = 'main' + menuName;
var imgMenu = 'img' + menuName;
var imgSource = '../images/home/' + menuName.toLowerCase() + '.gif';

var subOldMenu = '';
var bgOldMenu = '';
var imgOldMenu = '';
var imgOldSource = '../images/home/navi.gif';


    if (menuName == '') {
      if (oldMenu != '') {
        subOldMenu = 'sub' + oldMenu;
        document.getElementById(subOldMenu).style.visibility="hidden";
        
        bgOldMenu = 'main' + oldMenu;
        chgBg(bgOldMenu, 'out');
        
        imgOldMenu =  'img' + oldMenu.toLowerCase();
        //document.getElementsByName(imgOldMenu)[0].src=imgOldSource;
        
        oldMenu = '';
      }
    }
    else {
      if ((menuName != oldMenu) && (oldMenu != '')) {
        subOldMenu = 'sub' + oldMenu;
        document.getElementById(subOldMenu).style.visibility="hidden";
        
        bgOldMenu = 'main' + oldMenu;
        chgBg(bgOldMenu,'out');
        
        imgOldMenu =  'img' + oldMenu.toLowerCase();
        //document.getElementsByName(imgOldMenu)[0].src=imgOldSource;
        
        oldMenu = '';
      }
      
      document.getElementById(subMenu).style.visibility="visible";
      //document.getElementsByName(imgMenu)[0].src=imgSource;
      chgBg(bgMenu,'over');
      oldMenu = menuName;
    }
}


//----- Change Background -----//
function chgBg(name,stat) {
var old="";
var color="";

  if (stat=="over")
    color=colorOver;
  else if (stat=="out") {
    if (clicked==name)
      color=colorClick;
    else
      color=colorOut;
  }
  else if (stat=="click") {
    color=colorClick;
    if (clicked!="") {
      old=clicked;
      clicked="";
      chgBg(old,"out");
    }
    clicked=name;
  }
  
  if (document.getElementById)
    document.getElementById(name).style.backgroundColor=color;
  else if (document.all)
    document.all[name].style.backgroundColor=color;
  else if (document.layers)
    document.layers[name].bgColor=color;

}