//of het menu open staat
var menuopen = false;
var defueltMenuButton = false;

$(document).ready(function(){
    
    $("#navigation a").click(function(event){
        if($(this).next(".flyoutNav").children().length>=1){
            //overzetten van originele html menu naar zichtbare menu
            $("#flyoutNav").html($(this).next(".flyoutNav").html());
            $("#flyoutNav").css( "display", "block");
            if(defueltMenuButton==false){
                defueltMenuButton = $("#navigation .selected").attr("href");
            }
            menuopen=true;
            setMenuButton(this);
            event.preventDefault();
            event.stopPropagation();
        }
    });

    $("#navigation a").hover(
        function(){
            //als het menu open is wisselen we van menu item
            if(menuopen!=false){
                if($(this).next(".flyoutNav").children().length>=1){
                    $("#flyoutNav").html($(this).next(".flyoutNav").html());
                    $("#flyoutNav").css( "display", "block");
                } else {
                    $("#flyoutNav").css( "display", "none");
                }
                setMenuButton(this);
            }
        },
        function(){
        if(menuopen!=false){
            //alert(defueltMenuButton);
        }
    });

    $("html").click(function(){
        if(menuopen!=false){
            $("#flyoutNav").css( "display", "none");
            setMenuButton("#navigation a[href=" + defueltMenuButton + "]");
            menuopen=false;
        }
    });
});

function setMenuButton(button){
    $("#navigation a").removeClass('selected');
    $(button).addClass('selected');
}