$(function() {
//     $('#left-menu').after('<div id="menu-seperator"></div>');

    function showMenu(e) {
        e.children('div').addClass('hover');
        e.children('div').children('a').addClass('hover');
        e.children('div').children('div').children('a').addClass('hover');
        
        e.children("ul")
           .css('display', 'none')
           .show()
           .css('display', 'block');      
    }
    
    function hideMenu(e) {
        e.find('div')
            .removeClass('hover')
            .removeClass('hover-nosub');
            
        e.find('a').removeClass('hover');
        
        e.children("ul")
            .css('display', 'block')
            .hide()
            .css('display', 'none');
    }

    /* Hack to display the max-height content type if the internal boxes is absent */
    $('div#content').addClass('content-maxheight');
    $('#pagetype1-upper-content').parent('div#content').removeClass('content-maxheight');

    /* For at vi kan folde ud på samme højde for alle tredjeniveausmenuer skal vi have et dummy-element de viste menuer kan flyttes til */
    $('#menus ul ul li:first-child:not(ul ul ul li)').append('<div class="menu-holder"></div>');
    
    
    /* Flytte loginboks til menu */
//     $('#static-login-box').insertAfter('#right-menu > ul > li:last-child > ul > li.top');
    
    /* Der indsættes en ekstra div som baggrund med pilene i */
    $('#menus ul a').wrap('<div class="wrap-background-image" />');    
        
/*    $('<span class="mpad-right"></span><div style="clear:both;float:none;height:0px;"></div>').insertAfter('#menus > div > ul > li:has(ul) > div');
    $('<span class="mpad-right-nosub"></span><div style="clear:both;float:none;height:0px;"></div>').insertAfter('#menus > div > ul > li:not(:has(ul)) > div');*/
    
    /* Menuvisningen */
    $('#menus ul li:not(#static-login-box)').hover(function() {showMenu($(this));}, function() {hideMenu($(this));});
    
    /* Hvis der er sat "li.item-menuactive" skal det umiddelbart underliggende a have "active" */
    $('#menus ul li.item-menuactive > div > a, #menus ul li.item-menuactive > div > div > a').addClass('active');    
    
    /* Gennemse hvilken CSS-filer der er inkluderet */
    /* Specielle handlinger: Hvis der vises distribution eller gazelle, skal højremenuerne have bestemte farvede pile */
//     $('link').each(function(){
//         if ($(this).attr('href') == 'fileadmin/templates/ngf/distribution.css') {
//             $('#right-menu ul li a')
//                 .addClass('green')
//                 .removeClass('orange')
//                 .removeClass('blue');
//         }
// 
//         if ($(this).attr('href') == 'fileadmin/templates/ngf/gazelle.css') {
//             $('#right-menu ul li a')
//                 .removeClass('green')
//                 .addClass('orange')
//                 .removeClass('blue');
//         }
//         
//         if ($(this).attr('href') == 'fileadmin/templates/ngf/corporate.css') {
//             $('#right-menu ul li a')
//                 .removeClass('green')
//                 .removeClass('orange')
//                 .addClass('blue');
//         }
//     });
    
    /* Hvis menupunktet hedder "Gazelle" */
    $('#menus ul li a:contains(Gazelle)').parent().parent().find('a')
            .removeClass('green')
            .addClass('orange')
            .removeClass('blue');

    
    /* Hvis menupunktet hedder  "Koncern" */
    $('#menus ul li a:contains(Koncern)').parent().parent().find('a')
            .removeClass('green')
            .removeClass('orange')
            .addClass('blue');
    
    /* Hvis menupunntet hedder "Distribution" */
    $('#menus ul li a:contains(Distribution)').parent().parent().find('a')
            .addClass('green')
            .removeClass('orange')
            .removeClass('blue');
    
        
    /* Hvis et punkt har både active og orange */
    $('#menus ul li a.orange').each(function(){
        if ($(this).hasClass('active')) {
            $(this)
                .removeClass('active')
                .removeClass('orange')
                .addClass('orange-active');
        }
    });
    
    /* Hvis et punkt har både active og orange */
    $('#menus ul li a.blue').each(function(){
        if ($(this).hasClass('active')) {
            $(this)
                .removeClass('active')
                .removeClass('blue')            
                .addClass('blue-active');
        }
    });
    
    
    /* Hvis et punkt har både active og green */
    $('#menus ul li a.green').each(function(){
        if ($(this).hasClass('active')) {
            $(this)
                .removeClass('active')
                .removeClass('green')            
                .addClass('green-active');
        }
    });    
  
    /* Hover effect on level 1 menus */
    $('#menus > div > ul > li').hover(
        function(){
            $(this).addClass('__hover-color-indicator');
            $('#menus > div > ul > li > div > a').css('color', '#a7a9ac');
            $('.__hover-color-indicator > div > a').css('color', '#000');
        },
        function(){
            $('#menus > div > ul > li').removeClass('__hover-color-indicator')
            $('#menus > div > ul > li > div > a').css('color', '#000');
        });

    /* Login i menuen. Nogle effekter */
    $('#static-login-box form').wrap('<div class="formwrap" />');
    
    $('#static-login-box').css({  
        'display':          'block', 
        'height':           '40px',
        'width':            '178px',
        'padding':          '10px',
        'border-left':      'solid #b4b4b4 1px',
        'border-right':     'solid #b4b4b4 1px',
        'background-image': 'url(niveau2-bg.png)',
        'background-repeat':'repeat-y'});
    
    $('#static-login-box :submit').css({
        'margin-top':   '5px',
        'margin-left':  '126px',
        'width':        '50px',
        'color':        '#fff',
        'background':   '#4b4b4b',
        'border':       '0px',
        'font-weight':  'bold'
    });
    
    /* Lappe lappe for den hjernedøde IE7-browser. Uden dette vil andenniveaumenuerne åbne for langt til højre */
    if ($.browser.msie && $.browser.version < '8.0') {
        $('#menus ul:not(ul ul) > li').each(function(){
            $(this).children('ul').children('li').css('right', $(this).width());
        });
    }
    
    $('#menus ul ul:not(ul ul ul) > li:first-child > div > a').wrap('<div class="top-menu-element" />');
    $('#menus ul ul li:first-child ul li:first-child a').wrap('<div class="top-menu-element" />');
});