var submenu;
var active;
function init()
{
    submenu = document.getElementById("menu").getElementsByTagName("ul");
    for(var i=0; i<submenu.length; i++)
    {
        width = 0;
        items = submenu[i].getElementsByTagName("li");
        for(var j=0; j<items.length; j++)
        {
            width += items[j].offsetWidth;
        }
        
        if(submenu[i].className.search("active")===-1)
        {
            submenu[i].style.display = "none";
        }
        else
        {
            submenu[i].style.display = "block";
            active = i;
        }
        submenu[i].style.width = width+"px";
        if((submenu[i].parentNode.offsetLeft+width)>=700)
        {
            submenu[i].style.left = -((submenu[i].parentNode.offsetLeft+width)-700)+"px";
        }

        submenu[i].parentNode.onmouseover = function(){
            var _submenu = this.getElementsByTagName("ul");
            for(var i = 0; i<_submenu.length; i++)
            {
                _submenu[i].style.display = "block";
                this.className = "active";
                this.parentNode.style.height = "60px";
            }
        };
        submenu[i].parentNode.onmouseout = function(){
            var _submenu = this.getElementsByTagName("ul");
            for(var i = 0; i<_submenu.length; i++)
            {
                if(_submenu[i].id.search(/active/)<0){
                    _submenu[i].style.display = "none";
                    this.className = "";
                this.parentNode.style.height = "30px";
                }
            }
        };
    }
}
window.onload = init;