dojo.addOnLoad(function(){
    //find nav lis
    dojo.query('#nav ul li').forEach(function(li){

        // find uls inside nav lis
        dojo.query('ul', li).forEach(function(ul){
            var parentLi = this;

            //show the submenu on mouseover
            dojo.connect(this, 'onmouseover', ul, function(e){
                dojo.style(this, 'display', 'block');

                //add the "selected" class
                dojo.addClass(parentLi, "selected");
            });

            //hide the submenu on mouseout
            dojo.connect(this, 'onmouseout', ul, function(){
                dojo.style(this, 'display', 'none');

                //add the "selected" class
                dojo.removeClass(parentLi, "selected");
            });
        }, li);
    });
});