var menuslidespeed = 175;

jQuery(document).ready(function() {

});

function registerMenuEvents() {
    jQuery("li.mainmenu").hover(
        function() {
            var pos = jQuery(this).offset();
            var width = jQuery(this).width();
            //$(this).css({"border":"1px solid #cccccc"});
            var sub = jQuery("ul:first",this);
            sub.css({"left":(pos.left) + "px"});
            if(jQuery.browser.version == '7.0') {
                sub.css({'margin-top':'22px'});
            }
            //sub.toggle();
            sub.show(menuslidespeed);
        },
        function() {
            //$(this).css({"border":"none"});
            var sub = jQuery("ul:first",this);
            //sub.toggle();
            sub.hide(menuslidespeed);
        }
    );
    
    jQuery("li.submenu").hover(
        function() {
            var pos = jQuery(this).position();
            var width = jQuery(this).parent().width();
            var height = jQuery(this).height();
            var sub = jQuery("ul:first",this);
            sub.css({"left":(width) + "px","top":(pos.top) + "px"});
            //sub.toggle();
            sub.show(menuslidespeed);
        },
        function() {
            var sub = jQuery("ul:first",this);
            //sub.toggle();
            sub.hide(menuslidespeed);
        }
    );
    
    jQuery("li.pagemenu").hover(
        function() {
            var pos = jQuery(this).offset();
            var width = jQuery(this).width();
            //$(this).css({"border":"1px solid #cccccc"});
            var sub = jQuery("ul:first",this);
            sub.css({"left":(pos.left) + "px"});
            if(jQuery.browser.version == '7.0') {
                sub.css({'margin-top':'22px'});
            }
            sub.show(menuslidespeed);
        },
        function() {
            //$(this).css({"border":"none"});
            var sub = jQuery("ul:first",this);
            sub.hide(menuslidespeed);
        }
    );
    
    jQuery("li.pagesubmenu").hover(
        function() {
            var pos = jQuery(this).position();
            var width = jQuery(this).parent().width();
            var height = jQuery(this).height();
            var sub = jQuery("ul:first",this);
            sub.css({"left":(width) + "px","top":(pos.top) + "px"});
            sub.show(menuslidespeed);
        },
        function() {
            var sub = jQuery("ul:first",this);
            sub.hide(menuslidespeed);
        }
    );
}

function pageLoad(sender,args) {
    registerMenuEvents();
    //alert(jQuery.browser.version);
}