function Topmenu(){
    this.len = 0;
    this.currentIndex = 0;

    this.init = function(len, currentIndex){
        this.len = len;
        this.currentIndex = currentIndex;
        this.setStyle();
    };

    this.setStyle = function(){

        var i = 0;
        while(i < this.len){

            //var elementSubmenuTarget = document.getElementById("topmenu-submenu-target"); 
            var elementRootmenuItem = document.getElementById("topmenu-rootmenu-item-" + i);
            var elementSubmenu = document.getElementById("topmenu-submenu-" + i);
            if(elementRootmenuItem != null && elementSubmenu != null){
                if(i == this.currentIndex){
                    elementRootmenuItem.className = "topmenu-rootmenu-item-s";
                    elementSubmenu.style.display = "";
                }
                else{
                    elementRootmenuItem.className = "topmenu-rootmenu-item";
                    elementSubmenu.style.display = "none";
                }

                if(i == this.currentIndex){
                    if(i < this.len-1){
                        document.getElementById("topmenu-rootmenu-seperator-" + i).style.display = "none";
                    }
                    if(i > 0){
                        document.getElementById("topmenu-rootmenu-seperator-" + (i-1)).style.display = "none";
                    }
                }
                else{
                    if(i < this.len-1){
                        document.getElementById("topmenu-rootmenu-seperator-" + i).style.display = "";
                    }
                }
            }

            i++;
        }

        var elementCurrentSubmenu = document.getElementById("topmenu-submenu-" + this.currentIndex);
        Element.insert(elementCurrentSubmenu.parentNode, {top:elementCurrentSubmenu});
                
    };
}


var topmenu = new Topmenu();