function menuhover(id, color){
    $(id).style.backgroundColor = color;
  }

        function openmenu(id){
          // close currently open menus
          var elementList = getElementsByClass("submenu");
          for(i=0;i<elementList.length;i++){
            subid = elementList[i].id;
            document.getElementById(subid).style.display = "none";
          }
          var submenu = id+"-sub";
          document.getElementById(submenu).style.display = "block";
        }
        
        function closemenu(id){
          if(id)
            document.getElementById(id).style.display = "none";
          if(!id){
            var elementList = getElementsByClass("submenu");
            for(i=0;i<elementList.length;i++){
              subid = elementList[i].id;
              document.getElementById(subid).style.display = "none";
            }           
          }
        }

        function getElementsByClass(searchClass,node,tag) {
	        var classElements = new Array();
	        if ( node == null )
		        node = document;
	        if ( tag == null )
		        tag = '*';
	        var els = node.getElementsByTagName(tag);
	        var elsLen = els.length;
	        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	        for (i = 0, j = 0; i < elsLen; i++) {
		        if ( pattern.test(els[i].className) ) {
			        classElements[j] = els[i];
			        j++;
		        }
	        }
	        return classElements;
        }