/* ========== SPECIFIC FUNCTIONS ========================================================== */
//====================== Functions that are triggered onload are collected in the init() function:
function windowLoad() {
  addNavFunctionality();
}

Event.observe(window, "load", windowLoad, false);
//======================

// add dropdown functionality to the main menu:
var addNavFunctionality = function(){
   var navElements = new Array(document.getElementById("menu"),document.getElementById("dropdownmenu"));
   document.getElementById("dropdownmenu").className += " hide";

   // for acces with keyboard:
   var mainMenuItems = document.getElementById("menu").getElementsByTagName("ul");
   for(var n=0; n<mainMenuItems.length; n++){
      mainMenuItems[n].onmouseover = function(){
         toggleNav(true);
      }
      mainMenuItems[n].onmouseout = function(){
         toggleNav(false);
      }

   }
    var subMenuItems = document.getElementById("dropdownmenu").getElementsByTagName("ul");
        for(var n=0; n<subMenuItems.length; n++){
            subMenuItems[n].onmouseover = function(){
                toggleNav(true);
            }
        }
}

// Navigation dropdown functionality:
var toggleNav = function(status){
   var dropdownmenu = document.getElementById("dropdownmenu");
   if(status){
      changeClass(document.getElementById("dropdownmenu"),"hide","show");
   } else {
      changeClass(document.getElementById("dropdownmenu"),"show","hide");
   }
}

//===================== General Function: function to change a class:
var changeClass = function(obj,oldClass, newClass) {
   obj.className = obj.className.replace(oldClass,newClass);
}
/* ===== END SPECIFIC FUNCTIONS ============================================================= */

//-->