$(document).ready(function() {


    $.vegas({
        src : __['path'] + 'img/background.jpg'
    });
    
    $('body').data('wrapper', 0);
    
    setInterval(function(){
        if($('body').data('wrapper') == 0){
            $('.showcase-thumbnail-restriction').wrap('<center></center>');
            $('body').data('wrapper', 1);
        }
    },50);
    

    function resizeWindow() {
        
        /* Options definieren */
        var opt = {
            maxHeight : 105,
            maxLayoutHeight : 550    
        }
        
        var clientHeight = $(window).height();
        
        /* #####################################################
        ##
        ##  page anpassen   
        ## */
        
            //Wenn die Fenstergröße größer der maxLayoutheight ist, dann wird die differenz berechnet, ansonsten = 0;
                var pagerMarginTop = (clientHeight > opt['maxLayoutHeight'] ) ? clientHeight - opt['maxLayoutHeight'] : 0;
            
            /* Wenn pagerMarginTop größer als die maxHeight (maximaler Abstand von #page zur Oberkante) ist dann wird 
            der Abstand festgelegt, ansonsten wird der Abstand berechnet.*/
                pagerMarginTop = ( pagerMarginTop > opt['maxHeight'] ) ? opt['maxHeight'] : pagerMarginTop;  
            
            //Abstand setzten
                $('#page').css({ 'margin-top' : pagerMarginTop + 'px' });
            
        /* #####################################################
        ##
        ##  Diagonale Oben   
        ## */ 
            
            //Diagonalen Höhe anpassen => CSS-Update: Background-Position: left bottom!
                $('#diagonale-oben').css('height', pagerMarginTop);
                
                
        /* #####################################################
        ##
        ##  Diagonale Links   
        ## */
            
            // Diagonalen margin-top anpassen => CSS-Update: Background-Position: right top!
            // topDistance = Der Abstand von der Oberkante zur blauen Diagonale im Logo 
            var topDistance = 126;                  
            var marginTopDiagonale = pagerMarginTop + topDistance;
            
            // Diagonalen Höhe anpassen, damit die Page nicht zu hoch ist.
            var shadow = $('#paper-left').offset();
            var maxShadowHeight = shadow.top + $('#paper-left').outerHeight();
             
            $('#diagonale-links').css({
                'margin-top' : marginTopDiagonale,
                'height' : maxShadowHeight-marginTopDiagonale 
            }); 
        
        
        /* #####################################################
        ##
        ##  Schatten Rechts   
        ## */
            
            var topDistance = 23;  
                $('#paper-right').css('top', pagerMarginTop - topDistance);
            
                        
    }

    window.onresize = resizeWindow;

    $(window).resize(resizeWindow);

    //Wird beim laden der Seite ausgeführt
    resizeWindow();

    //Menusteuerung
    var containerNormal = $("#container-normal");
    var containerProdukte = $("#container-produkte");
    var containerLoesungen = $("#container-loesungen");

    var produkteNormal = $("#produkte");
    var produkteAktiv = $("#produkte-aktiv");
    var produkteInaktiv = $("#produkte-korr");

    var loesungenNormal = $("#loesungen");
    var loesungenAktiv = $("#loesungen-aktiv");
    var loesungenInaktiv = $("#loesungen-korr");


    produkteNormal.hover(function() {
       containerNormal.hide();
       containerProdukte.show();
    });
    loesungenNormal.hover(function() {
        containerNormal.hide();
        containerLoesungen.show();
    });
    produkteInaktiv.hover(function() {
       containerLoesungen.hide();
       containerProdukte.show();
    });
    loesungenInaktiv.hover(function() {
           containerProdukte.hide();
           containerLoesungen.show();
    });
    loesungenAktiv.hover("", function() {
        if(__['status'] == 'loesungen'){

        } else if(__['status'] == 'produkte'){
           containerLoesungen.hide();
           containerProdukte.show();
        } else {
           containerLoesungen.hide();
           containerNormal.show();
        }
    });
    produkteAktiv.hover("", function() {
        if(__['status'] == 'loesungen'){
           containerProdukte.hide();
           containerLoesungen.show();
        }
        if(__['status'] == 'produkte'){

        } else {
           containerProdukte.hide();
           containerNormal.show();
        }
    });


    containerProdukte.hide();
    containerLoesungen.hide();

    if(__['status'] == 'produkte'){
        containerNormal.hide();
        containerProdukte.show();
    } else if(__['status'] == 'loesungen'){
        containerNormal.hide();
        containerLoesungen.show();
    }else{
        
    }

});