var name = "#fiommenu";
var menuYloc = null;

$(document).ready(function () {

    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = (menuYloc) + $(document).scrollTop();
        //alert(offset);
        if (offset > 314) {
            offset = (menuYloc - 147) + $(document).scrollTop() + "px";
        } else {
            offset = "157px";
        }
        $(name).animate({ top: offset }, { duration: 500, queue: false });
    });

    //  alles sluiten behalve het actieve menu
    $("#fiommenu > li > a").not($("li.active > a")).find("+ ul").slideUp(0);
    //  button aan het menu toevoegen
    $('#fiommenu > li > ul').not($("li.active > ul")).each(function () {
        $('<div class="menuXbutton"></div>').prependTo(this.parentNode);
    });
    //  actie aan de button hangen
    $("#fiommenu > li > .menuXbutton").click(function () {
        if ($(this.parentNode).find("ul").is(':visible')) {
            $(this).removeClass('Xopen');
        } else {
            $(this).addClass('Xopen');
        };
        $(this.parentNode).find("ul").slideToggle("fast");
    });

});

