// portalnav image toggler (Kapelle)
jQuery(document).ready(function(){
    
    // Active medium, example: navtitle2
    var activeId;
    
    // Hovered nav btn, example: navtitle2
    var hoverId;
    
    // get active medium and give the img a class active
    if ($("#globalwrapper.portal").length) {
        activeId = 'portal';
    } else {
        activeId = jQuery(".portalmedium.active .navtitles").attr('id');
    }
    
    // set correct flower img for active medium
    jQuery("#img_overlay #flower").addClass(activeId);
    
    $("ul#portal_nav .navtitles").hover(
        function () {
            hoverId = jQuery(this).attr("id");
            
            // Display header images
            jQuery("#img_" + hoverId).addClass("hover");
            jQuery("#header_border").addClass(hoverId);
            jQuery("#header_img_container").addClass(hoverId);
            if ($("#img_" + hoverId).length) {
                jQuery("#header_img .hover_img").removeClass("active");
            }
            
            // Display flower img
            if (activeId != hoverId) {
                jQuery("#img_overlay #flower").removeClass(activeId);
                jQuery("#img_overlay #flower").addClass(hoverId);
            } else {
                jQuery("#img_overlay #flower").addClass(hoverId);
            }
        }, function () {
            jQuery("#img_" + hoverId).removeClass("hover");         
            // if a portal header img exists, the class active has to be reset
            if ($("#header_img #portal").length) {
                jQuery("#header_img #portal").addClass("active");
            } else {
                // reset the header img active class of the corresponding nav button
                jQuery("#img_" + activeId).addClass("active");
            }
            // remove header img hover class
            jQuery("#header_border").removeClass(hoverId);
            jQuery("#header_img_container").removeClass(hoverId);
            
            // reset flower image
            if (activeId != hoverId) {
                jQuery("#img_overlay #flower").removeClass(hoverId);
                jQuery("#img_overlay #flower").addClass(activeId);
            }
        }
    ); 
});