jQuery(function () {
    function hoverIn() {
        var wrapper = jQuery("#mainwrapper");
        var ul = jQuery(this).find("ul.dropdown");
        if (ul.length < 1)
            return;
        ul.show();
        var w = jQuery(window);
        var wrapperRight = wrapper.offset().left + wrapper.width();
        var sl = w.scrollLeft();
        var st = w.scrollTop();
        var t = jQuery(this);
        var left = t.offset().left;
        var bottom = t.offset().top + t.outerHeight(true);
        var width = ul.width();
        ul.css("top", (bottom - st) + "px");
        if ((left + width) > wrapperRight) {
            var ww = w.width();
            ul.css("left", "");
            ul.css("right", (ww - wrapperRight - 20 + sl) + "px");
        } else {
            ul.css("left", (left - sl) + "px");
            ul.css("right", "");
        }

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

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