$(document).ready(function () {
    /**
     * Startseiten-Bühne
     *
     */
    var numberStages = $('#stage2 .stageItem').length;
    $('#stage2 .stage2Flyout').each(function () {
        // initiales Aufklappen
        if($(this).parent().hasClass('active')) {
            $('#stage2Claim a').css("color", $(this).parent().children(".colorCode").text());
            $('#stage2Claim a').text($(this).parent().children(".claim").text());
            $('#stage2Claim a').attr("href", $(this).parent().children(".claim").attr("href"));
            $('#stage2Claim a').css({
                opacity:1
            });
            if ($('#stage2 .stage2-bg img').css('display') === 'none') {
                $(this).parent().children('a.stage2TeaserLink').show();
            } else {
                $(this).parent().css({
                    width: 980 - (numberStages - 1) * 54
                });
            }
        }
        $(this).click(function (event) {
            var clickedItem = this;
            event.preventDefault();
            if ($(this).parent().hasClass("active")) {
                $(this).parent().removeClass("active");
                $('#stage2Claim a').animate({
                    opacity:0
                }, 600);
                if ($('#stage2 .stage2-bg img').css('display') === 'none') {
                    $(this).parent().children('a.stage2TeaserLink').hide();
                    $('#stage2Claim a').text($('#stage2 .hpClaim').text());
                    $('#stage2Claim a').css("color", $('#stage2 .hpColorCode').text());
                    $('#stage2Claim a').attr("href", $('#stage2 .hpClaim').attr("href"));
                    $('#stage2Claim a').animate({
                        opacity:1
                    }, 500);
                } else {
                    $(this).parent().animate({
                        width:48
                    }, 600, function () {
                        $('#stage2Claim a').text($('#stage2 .hpClaim').text());
                        $('#stage2Claim a').css("color", $('#stage2 .hpColorCode').text());
                        $('#stage2Claim a').attr("href", $('#stage2 .hpClaim').attr("href"));
                        $('#stage2Claim a').animate({
                            opacity:1
                        }, 500);
                    });
                }
            } else {
                $('#stage2Claim a').animate({
                    opacity:0
                }, 200);
                $("#stage2 .stage2Flyout").each(function () {
                    if (clickedItem === this) {
                        if ($('#stage2 .stage2-bg img').css('display') === 'none') {
                            $(this).parent().addClass("active");
                            $(this).parent().children('a.stage2TeaserLink').show();
                            $('#stage2Claim a').css("color", $(this).parent().children(".colorCode").text());
                            $('#stage2Claim a').text($(this).parent().children(".claim").text());
                            $('#stage2Claim a').attr("href", $(this).parent().children(".claim").attr("href"));
                            $('#stage2Claim a').animate({
                                opacity:1
                            }, 500);
                        } else {
                            $(this).parent().animate({
                                width:980 - (numberStages - 1) * 54
                            }, 600, "linear", function () {
                                $(this).addClass("active");
                                $('#stage2Claim a').css("color", $(this).children(".colorCode").text());
                                $('#stage2Claim a').text($(this).children(".claim").text());
                                $('#stage2Claim a').attr("href", $(this).children(".claim").attr("href"));
                                $('#stage2Claim a').animate({
                                    opacity:1
                                }, 500);
                            });
                        }
                    } else {
                        $(this).parent().removeClass("active");
                        if ($('#stage2 .stage2-bg img').css('display') === 'none') {
                            $(this).parent().children('a.stage2TeaserLink').hide();
                        } else {
                            $(this).parent().animate({
                                width:48
                            }, 600, "linear");
                        }
                    }
                });
            }
        })
    });
    /**
     *
     * SUCHE
     *
     */
    $(".orderMultiSelect select").each(function () {
        var childrenGroup = {};
        $(this).children('option').each(function () {
            if (!childrenGroup[$(this).text().charAt(0)]) {
                childrenGroup[$(this).text().charAt(0)] = [];
            }
            childrenGroup[$(this).text().charAt(0)].push($(this));
        });
        for (var child in childrenGroup) {
            if (childrenGroup.hasOwnProperty(child)) {
                var optgroup = $('<optgroup label="' + child + '"></optgroup>');
                for (var option in childrenGroup[child]) {
                    if (childrenGroup[child].hasOwnProperty(option)) {
                        optgroup.append(childrenGroup[child][option]);
                    }
                }
                $(this).append(optgroup);
            }
        }
    });
    if($("#searchResult").children().length > 0) {
        $('.advancedExpertSearchToggle').hide();
        $('.advancedExpertSearchToggleControl .toggleOn').show();
        $('.advancedExpertSearchToggleControl .toggleOff').hide();
    }
    $('.advancedExpertSearchToggleControl .toggleOn a').click(function(event) {
        event.preventDefault();
       $('.advancedExpertSearchToggle').slideDown(500);
        $(this).parent().hide();
        $('.advancedExpertSearchToggleControl .toggleOff').show();
    });
    $('.advancedExpertSearchToggleControl .toggleOff a').click(function(event) {
        event.preventDefault();
        $('.advancedExpertSearchToggle').slideUp(500);
        $(this).parent().hide();
        $('.advancedExpertSearchToggleControl .toggleOn').show();
    });
    /**
     *
     * MOBILE
     *
     *
    */
    // TODO: User-Agent-Abfrage rein nehmen um Auswirkungen auf "normale" Browsers zu verhindern
    // if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
    $('body div#wrapperBranding').before('<div id="css-check">');
    if ($('#css-check').css('display') == 'none') {
        //$('#css-check').remove();
        if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
            $('html').addClass('chrome');
        }
        if (navigator.userAgent.toLowerCase().indexOf('opera') > -1) {
            $('html').addClass('opera');
        }
        $('#navPrimary').css("display", 'block');
        $('#navPrimary ul').addClass('primary-nav');
        $('#navPrimary ul').before('<button id="nav-btn" class="nav-button">');
        if ($("html").attr("lang") == "de") {
            document.getElementById('nav-btn').innerHTML = "MENÜ";
        }
        else {
            document.getElementById('nav-btn').innerHTML = "MENU";
        }
        $(".nav-button").click(function () {
            $(".nav-button,.primary-nav, #navPrimary").toggleClass("open");
        });
        $('div#navService > ul:first-of-type').addClass('service-nav');
        $('div#navService > ul:first-of-type').before('<button id="service-btn-left" class="service-button">');
        $('div#navService > ul:first-of-type').before('<button id="service-btn" class="service-button">');
        $('div#navService > ul:first-of-type').before('<button id="service-btn-right" class="service-button">');
        $('#navService h2').attr("id", 'ServId');
        if (document.getElementById('ServId') != null) {
            var servtitle = document.getElementById('ServId').innerHTML;
            document.getElementById('service-btn').innerHTML = servtitle;
        }
        $('#navService ul').before('<h2 class="fokus hrmob">');
        $(".service-button").click(function () {
            $(".service-button,.service-nav, #navService").toggleClass("open");
        });
        // Nur ausfhren, wenn es Navigationspunkte gibt (z.B. nicht bei der Mitarbeiter-Suche)
        if ($('.navMain ul').length > 0) {
            $('div.navMain > ul:first-of-type').addClass('secondary-nav');
            $('div.navMain > h3:first-of-type').before('<button id="sbtn-left" class="secondary-button">');
            $('div.navMain > h3:first-of-type').before('<button id="sbtn" class="secondary-button">');
            $('div.navMain > h3:first-of-type').before('<button id="sbtn-right" class="secondary-button">');
            $('div.navMain > h3:first-of-type').attr("id", 'boxId');
        }
        if (document.getElementById('boxId') != null) {
            var kategorie = document.getElementById('boxId').innerHTML;
            document.getElementById('sbtn').innerHTML = kategorie;
        }
        if (kategorie === "&nbsp;") {
            $("#sbtn").addClass('nonvis');
        }
        $('.navMain ul').before('<h2 class="fokus hrmob">');
        $(".secondary-button").click(function () {
            $(".secondary-button,.secondary-nav, .navMain").toggleClass("open");
        });
        $('.schnellzugriff ul').before('<button class="szg-button left">');
        $('.schnellzugriff ul').before('<button class="szg-button middle">');
        $('.schnellzugriff ul').before('<button class="szg-button right">');
        var list0 = $('.schnellzugriff ul');
        for (var i = 0; i < list0.length; i++) {
            list0[i].className = "szg-nav" + i;
        }
        var list1 = $('.schnellzugriff .szg-button.left');
        for (var i = 0; i < list1.length; i++) {
            list1[i].className += " " + "szg-button" + i;
        }
        var list2 = $('.schnellzugriff .szg-button.middle');
        for (var i = 0; i < list2.length; i++) {
            list2[i].className += " " + "szg-button" + i;
            list2[i].id = "szg-btn" + i;
        }
        var list5 = $('.schnellzugriff .szg-button.right');
        for (var i = 0; i < list2.length; i++) {
            (function (j) {
                $(list2[j]).click(function () {
                    $(list0[j]).toggleClass("open");
                    $(list1[j]).toggleClass("open");
                    $(list2[j]).toggleClass("open");
                    $(".schnellzugriff").toggleClass("open");
                });
                $(list1[j]).click(function () {
                    $(list0[j]).toggleClass("open");
                    $(list1[j]).toggleClass("open");
                    $(list2[j]).toggleClass("open");
                    $(".schnellzugriff").toggleClass("open");
                });
                $(list5[j]).click(function () {
                    $(list0[j]).toggleClass("open");
                    $(list1[j]).toggleClass("open");
                    $(list2[j]).toggleClass("open");
                    $(".schnellzugriff").toggleClass("open");
                });
            })(i);
        }
        var list3 = $('.schnellzugriff .szg-button.right');
        for (var i = 0; i < list3.length; i++) {
            list3[i].className += " " + "szg-button" + i;
        }
        var list4 = $('.schnellzugriff h2');
        for (var i = 0; i < list4.length; i++) {
            list4[i].id = "SzgId" + i;
            if (document.getElementById('SzgId' + i) != null) {
                document.getElementById('szg-btn' + i).innerHTML = document.getElementById('SzgId' + i).innerHTML;
            }
        }
        $('.schnellzugriff ul').before('<h2 class="fokus hrmob">');
        $("#close img").attr("src", "." + $("#close img").attr("src"));
        $(".vor img").attr("src", "." + $(".vor img").attr("src"));
        $(".zurueck img").attr("src", "." + $(".zurueck img").attr("src"));
        // Tabellen ohne Wrapper bekommen einen
        $('table').each(function () {
            if ($(this).parent('.wrapperTable').length === 0) {
                $(this).wrap('<div class="wrapperTable" />');
            }
        });
        // Tabellen swipe
        $('.wrapperTable table').each(function () {
            if (($(this).width()) > ($(window).width())) {
                $(this).before('<span class="table-icon-swipe"></span>');
            }
        });
        $('#supplement .schnellzugriff').before('<span class="mobile-spacer">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span>');
        $('#supplement .twitter-teaser').before('<span class="mobile-spacer">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span>');
    }
    else {
        $('#css-check').remove();
    }
    function resizeImages() {
        if ($('#css-check').length) {
            var maxImageWidth = $("body").innerWidth();
            if (maxImageWidth > 0) {
                $('p.picture img').each(function () {
                    $(this).removeClass("resize-image");
                    if (($(this).width() + 40) > maxImageWidth) {
                        $(this).addClass("resize-image");
                    }
                });
            }
        }
    }
    $(window).resize(function () {
        resizeImages();
        $('#navPrimary').css("display", 'block');
    });
    resizeImages();
    //}
});