var DropDown =
{
    init: function()
    {
        var navbar = document.getElementById("navigation");
        if (navbar) {
            var children = (navbar.getElementsByTagName("ul")[0]).childNodes;
            for (var i = 0; i < children.length; i++) {
                if (children[i].nodeType == 1) {
                    children[i].onmouseover = DropDown.mouseOverHandler;
                    children[i].onmouseout = DropDown.mouseOutHandler;
                    var sub = children[i].getElementsByTagName("ul")[0];
                    if (sub) {
                        sub.style.height = 0; // azzera l'altezza (necessario per la prima espansione)
                        Core.addClass(sub, "collapsed");
                    }
                }
            }
        }
    },

    mouseOverHandler: function() {
        var sub = this.getElementsByTagName("ul")[0];
        if (sub) {
            //Utilities.expand(sub, true, 12, 0.5, false);
            //Utilities.expand(sub, true, 25, 0.5, false);
            //Utilities.expand(sub, true, 25, 3, false);
            Utils.expand(sub, "expanded", "collapsed", true, 20, 0.4);
        }
    },

    mouseOutHandler: function() {
        var sub = this.getElementsByTagName("ul")[0];
        if (sub) {
            //Utilities.collapse(sub, true, 12, 0.5, false);
            //Utilities.collapse(sub, true, 25, 0.5, false);
            //Utils.collapse(sub, true, 25, 3, false);
            Utils.collapse(sub, "expanded", "collapsed", true, 20, 0.4);
        }
    }
};

Core.start(DropDown.init);