jQuery(function () {
    function hoverIn() {
        var wrapper = jQuery("#wrapper");
        var ul = jQuery(this).find("ul");
        if (ul.length < 1)
            return;
        ul.show();
        var wrapperRight = wrapper.offset().left + wrapper.width();
        var left = jQuery(this).offset().left;
        var width = ul.outerWidth(true);
        if ((left + width) > wrapperRight) {
            var ww = jQuery(window).width();
            ul.css("left", "");
            ul.css("right", (ww - wrapperRight) + "px");
        } else {
            ul.css("left", left + "px");
            ul.css("right", "");
        }

    }
    function hoverOut() {
        var ul = jQuery(this).find("ul");
        if (ul.length < 1)
            return;
        ul.hide();
        ul.css("left", "0px");
        ul.css("right", "");
    }

    jQuery(".mainMenuItem").hover(hoverIn, hoverOut);
});