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