$(document).ready(function(){
    // Kleuren van de navtitels
    $(".navtitels").removeClass("dark").removeClass("light");
    $("div.navigation").mouseout(function(){
        $("div.navtitels").removeClass("dark").removeClass("light");
    });
    $("div.navigation").hover(function(){
        $(this).parent().addClass("dark").removeClass("light");
        $(this).find(".navtitels").removeClass("dark").addClass("light");
    }, function(){
        $(this).parent().removeClass("dark").addClass("light");
    });

    // Toevoegen pijltje indien submenus
    $("ul.submenu").parent().css("background", "#97cc00 url(templates/images/bullet_navigatie.png) no-repeat right");
    $("ul.submenu").parent().hover(function(){
        $(this).css("background", "#97cc00 url(templates/images/bullet_groot.png) no-repeat right").css("border-bottom", "1px solid #97cc00");
    }, function(){
        $(this).css("background", "#97cc00 url(templates/images/bullet_navigatie.png) no-repeat right").css("border-bottom", "none");
    });

    // Submenu hoogtes
    $(".submenu").css("height", "auto"); // Reset (belangrijk)
    $("ul.mainmenu li").hover(function(){
        var gh = $(this).find(".submenu").height();
        if (gh > $(this).parent().height()){ // Als submenu groter is dan mainmenu:
            $(this).parent().height(gh);
        } else if (gh < $(this).parent().height()){ // Anders kan je niet bij de subitems komen
            $(this).find(".submenu").css("height", "100%");
        }
    });

    // Nieuwsitems
    $("div#itemKnoppen").css("display", "block");
    $("div.itempic").css("position", "absolute").css("float", "none");
    $("div.nieuwsItems").css("float", "none").css("margin-bottom", "0");
    $("div#linksbovenTop").css("float", "none");
});