// Bewegt im Hauptmenu das Hintergrundbild bei Mouseover, Mouseout, Mousedown nach oben und unten
function hover (DivID, ypos) {
       document.getElementById(DivID).style.backgroundPosition = "0px " + ypos;
    }

// Zeigt im angegebenen Menu DivID an und blendet alle anderen divs im Menu aus, im zugehörigen Hover-Menu genau umgekehrt
function Menuwechsel(MenuID, DivID, lpos) {

       var menuDiv = new Array();
       menuDiv = document.getElementById(MenuID).getElementsByTagName('div');

       for(i=0;i<menuDiv.length;i++){
            if (menuDiv[i].id == DivID) {menuDiv[i].style.display = "inline";}
            else if (menuDiv[i].id != DivID) {menuDiv[i].style.display = "none";}
       }

       var menuhoverDiv = new Array();
       menuhoverDiv = document.getElementById(MenuID + '-hover').getElementsByTagName('div');

       for(i=0;i<menuhoverDiv.length;i++){
               if (menuhoverDiv[i].id == (DivID + '2')) {menuhoverDiv[i].style.display = "none";}
               else if (menuhoverDiv[i].id != (DivID + '2')) {menuhoverDiv[i].style.display = "inline";}
       }

       if (MenuID == 'menu') {
         if (DivID == 'projekte') {
            $('#sm2007').stop();
            $('#sm2008').stop();
            $('#sm2009').stop();
            $('#sm2010').stop();
            $('#sm2011').stop();
            $('#sm2012').stop(); 
            $('#sm2007').fadeTo('slow', 1, function() {
            document.getElementById('submenu1').style.display = "none";
            document.getElementById('submenu1-hover').style.display = "inline";
            Menuwechsel('submenu1', '');
            if (UnterFrame !='') { Menuwechsel('submenu1', UnterFrame, UFNumber);
            UnterFrame = ''; }
            if (UnterFrame2 !='') { Menuwechsel('submenu2', UnterFrame2);
            UnterFrame2 = ''; }
             });       
            $('#sm2008').fadeTo('slow', 1, function() {});
            $('#sm2009').fadeTo('slow', 1, function() {});
            $('#sm2010').fadeTo('slow', 1, function() {});
            $('#sm2011').fadeTo('slow', 1, function() {});
            $('#sm2012').fadeTo('slow', 1, function() {});
         } else {
          if (document.getElementById('submenu1-hover').style.display == "inline") {
            document.getElementById('submenu1').style.display = "inline";
            var menuhoverDiv = new Array();
            menuhoverDiv = document.getElementById('submenu1').getElementsByTagName('div');
            for(i=0;i<menuhoverDiv.length;i++){
               menuhoverDiv[i].style.display = "inline";
            }
            document.getElementById('submenu1-hover').style.display = "none";
            document.getElementById('greenstripe').style.display = "none";
            $('#sm2007').stop();
            $('#sm2008').stop();
            $('#sm2009').stop();
            $('#sm2010').stop();
            $('#sm2011').stop();
            $('#sm2007').fadeTo('slow', 0, function() {});
            $('#sm2008').fadeTo('slow', 0, function() {});
            $('#sm2009').fadeTo('slow', 0, function() {});
            $('#sm2010').fadeTo('slow', 0, function() {});
            $('#sm2011').fadeTo('slow', 0, function() {});
            $('#sm2012').fadeTo('slow', 0, function() {});
            document.getElementById('submenu2').style.display = "none";
            document.getElementById('submenu2-hover').style.display = "none";
          }
         }
       }
       if (MenuID == 'submenu1' && DivID != '') {
           document.getElementById('submenu1').style.display = "inline";
           document.getElementById('greenstripe').style.display = "inline";
           document.getElementById('greenstripe').style.left = lpos + "px";
         if (DivID == 'sm2010') {
             document.getElementById('submenu2-hover').style.display = "inline";
             document.getElementById('sm2010_12').style.display = "inline";
             document.getElementById('sm2010_22').style.display = "inline";
         } else {
             document.getElementById('submenu2').style.display = "none";
             document.getElementById('submenu2-hover').style.display = "none";
         }
       }
       if (MenuID == 'submenu2' && DivID != '') {
           document.getElementById('submenu2').style.display = "inline";
       }
}