jQuery(document).ready(function ($) {

    $('#nav li > ul.sub-menu li').each(function () {
        n = $('ul.sub-menu', this).length;
        if (n) $(this).addClass('sub')
    });
    $('#nav ul > li').hover(function () {
        $('ul.sub-menu:not(ul.sub-menu li > ul.sub-menu)', this).clearQueue().fadeTo(300,1)
    }, function () {
        $('ul.sub-menu:not(ul.sub-menu li > ul.sub-menu)', this).clearQueue().fadeOut(200)
    });
    $('ul.sub-menu li', this).hover(function () {
        var options;
        winWidth = $(document).width();
        subMenuWidth = $(this).outerWidth();
        space = $(this).offset().left + subMenuWidth * 2;
        if (space < winWidth) options = {
            left: subMenuWidth
        };
        else options = {
            left: subMenuWidth * -1
        };
        $('ul.sub-menu', this).hide().css(options).clearQueue().fadeTo(300,1)
    }, function () {
        $('ul.sub-menu', this).clearQueue().fadeOut(200)
    })
});