var actief_title = -1;
var actief_li = -1;
var firstOpen = false;
 
sfHover = function() {
        var sfEls = document.getElementById("menu").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
               if(sfEls[i].parentNode.parentNode.parentNode.parentNode.id == "menu") {
                       sfEls[i].nodeid = i;
                       sfEls[i].firstChild.onmousedown=function() {
                               if(this.parentNode.className.indexOf("selected_productgroup") != -1) {
                                      this.parentNode.className = this.parentNode.className.replace(" selected_productgroup", "");
                                      actief_li = -1;
                               }
                               else {
                                      if(actief_li != -1) {
                                              sfEls[actief_li].className = this.parentNode.className.replace(" selected_productgroup", "");
                                      }
                                      this.parentNode.className += " selected_productgroup";
                                      actief_li = this.parentNode.nodeid;
                               }
                       }
               }
               else if(sfEls[i].parentNode.parentNode.id == "menu") {
                       sfEls[i].nodeid = i;
                       sfEls[i].firstChild.onmousedown=function() {
                               if(this.parentNode.className.indexOf("selected_title") != -1) {
                                      this.parentNode.className = this.parentNode.className.replace(" selected_title", "");
                                      actief_title = -1;
                               }
                               else {
                                      if(actief_title != -1) {
                                              sfEls[actief_title].className = sfEls[actief_title].className.replace(" selected_title", "");
                                      }
                                      this.parentNode.className += " selected_title";
                                      actief_title = this.parentNode.nodeid;
                               }
                       }
               }
               if(sfEls[i].className == "selected_productgroup") {
                       actief_li = sfEls[i].nodeid;
               }
               if(sfEls[i].className == "selected_title") {
                       actief_title = sfEls[i].nodeid;
               }              
               
        }
}
 
function init() {
        sfHover();
        
}
