jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('div#mainmenu>ul>li').mouseover(function(){
        jQuery(this).addClass('menu-hover');
        jQuery(this).children('ul').css('display','block');
        submenu=jQuery(this).children('ul');
        if (submenu[0] && submenu[0].clientWidth<this.clientWidth)
        {
            submenu.css('width',this.clientWidth);
        }
    })
    jQuery('div#mainmenu>ul>li').mouseout(function(){
        jQuery(this).removeClass('menu-hover');
        jQuery(this).children('ul').css('display','none');
    })
    
})