$(document).ready(function() {
    $('ul#portalnavigation > li').each(function(i) {
        $(this).mouseover(function(event) {
            var id = i+1;
            $("div#headerfoto").removeClass("active_1 active_2 active_3 active_4 active_5");
            $("div#headerfoto").addClass("active_"+id);
        });
        $(this).mouseleave(function(event) {
            $("div#headerfoto").removeClass("active_1 active_2 active_3 active_4 active_5");
        });
    });
});