$(document).ready(function() {

    var menu_index = 0;

    function reInitMenu(){
        $('.menu-content').each(function(){
            $(this).removeAttr('style');
        });
        $("#menu li").each(function(){
            $(this).removeClass('menu-active');
        });
        $("#menu li a").each(function (){
            $(this).css('color','#fff');
        });
    }

    function menuContentDisplay(){
        if(typeof($("#menu-content-"+menu_index).get(0)) != "undefined")  {
            $("#menu li:eq("+menu_index+")").addClass('menu-active');
            $("#menu li:eq("+menu_index+") a").css('color','#bb3c7b');
            $("#menu-content-"+menu_index).css("display","block");
        }else{
            $("#menu li:eq("+menu_index+") a").css('color','#fff');
        }
    }

    function menuContentHide(){
        $("#menu li:eq("+menu_index+")").removeClass('menu-active');
        $("#menu li:eq("+menu_index+") a").css('color','#fff');
        $("#menu-content-"+menu_index).removeAttr('style');
    }
    
    $("#menu li").mouseover(function(){
        reInitMenu();
        menu_index = $("#menu li").index((this));
        menuContentDisplay();
    }).mouseout(function(){
        menu_index = $("#menu li").index((this));
    });
	
    $("#main-content").mouseover(function(){
		menuContentHide();
    });
    $("#sidebar").mouseover(function(){
		menuContentHide();
    });
/*
    $(".menu-content").mouseout(function(){
        menuContentHide();
    });
    $(".menu-content div").mouseover(function(){
        menuContentDisplay();
    });
*/
});