/*$(document).ready(function(){
    var menu=$('#menu');
    var li_menu=$('li a', menu);
    
    li_menu.bind('mouseenter', function(){
        $(this).animate({opacity: 0.5},300, function(){
            $(this).animate({opacity: 1},300)
        })
    })
})*/
$(document).ready(function(){
    var menu=$('#menu');
    var li_menu=$('li', menu);
    $('ul.submenu').css({
    left: 10
 });
 $('ul.menu > li').mouseover(function(){
    $(this).addClass('active_li');
    $('li.active_li a.mainlink',this).addClass('hover');
    $('a.mainlink',this).stop(true);
    //$('ul.submenu', this).stop(true,true);
    $('li.active_li ul.submenu').css('display','block').animate({
        left: 0
    },200);
    $('li.active_li a.mainlink',this).animate({opacity: 0.5}, 200).animate({opacity: 0.8}, 300);
 });
 $('ul.menu > li').mouseout(function(){
 $('a.mainlink',this).stop(true,true);
 //$('ul.submenu', this).stop(true);
 $('ul.submenu').css({
    display:'none',
    left: 10
 });
 $('a.mainlink',this).animate({opacity: '1'}, 100);
 $('a.mainlink',this).removeClass('hover');
 $(this).removeClass('active_li');
 });
    $('#menu ul.submenu li a').mouseover(function(){
        $('.menu > li > a.mainlink').css({
            opacity: 1
        })
        $('#menu .submenu').stop().animate({left: 0},0);
        $('.menu > li > a.mainlink').stop(true,true).animate({opacity: 1},0);
    })

});