var timeout_flag    = null;
var shown_id        = null;
var shown_item      = null;
var hide_interval   = 30;

function hideSubNav(){
    if (shown_id){
        var hide_me = shown_id;
        if ($('#' + hide_me).length > 0){
            $('#' + hide_me).slideUp(150, function (){
                if (hide_me != shown_id){
                    $('[subid="'+ hide_me +'"]').removeClass("item_hover");
                }
            });
        } else {
            $(shown_item).removeClass("item_hover");
        }
        shown_id = null;
    }
}

function showSubNav(sub_nav, item_obj){

    shown_id        = sub_nav;
    shown_item      = item_obj;

    $(shown_item).addClass("item_hover");

    if ($('#'+sub_nav).length > 0){
        $('#' + sub_nav).slideDown(150, function (){
            checkShown($(this).attr('id'));
        });
    }

}

function checkShown(check_id){
    if (check_id != shown_id){
        $('#' + check_id).hide();
    }
}

$(document).ready(function(){
    $("div.hover").each(function() {
        $(this).mouseover(function(){
            clearTimeout(timeout_flag);
            hideSubNav();
            showSubNav($(this).attr('subid'), this);
        });

        $(this).mouseout(function(){
            if ($('#'+$(this).attr('subid')).length > 0){
                timeout_flag = setTimeout(hideSubNav,hide_interval);
            } else {
                hideSubNav();
            }
        });

        $(this).click(function(){
            fakeLinkClick(this);
        });

    });

    $("div.sub_navigation").each(function() {

        $(this).mouseover(function(){
            clearTimeout(timeout_flag);
        });

        $(this).mouseout(function(){
            timeout_flag = setTimeout(function (){
                    hideSubNav()
                },hide_interval);
        });

    });

    $("div.sub_navigation > div.item").each(function() {
        $(this).click(function(){
            fakeLinkClick(this)
        });

//         $(this).mouseover(function(){
//             $(this).addClass("item_hover");
//             $(this).children('a:first').css('color', '#ffffff');
//         });
// 
//         $(this).mouseout(function(){
//             $(this).removeClass("item_hover");
//             $(this).children('a:first').css('color', '#ffffff');
//         });

    });

})