$(document).ready(function () {

    $(function () {
        // Lightbox?
        if ($('#openImageInLightbox').length > 0) {
            $('#openImageInLightbox').lightBox({});
        }

    });

    var aktSuggestEntry = -1;

    // Lightbox?
    if ($('#openImageInLightbox').length > 0) {
        $('#openImageInLightbox').lightBox();
    }

    ////////////////////////////////////////////////////////////////////////
    // Hauptnavigation, Submenü Objekte
    ////////////////////////////////////////////////////////////////////////
    $('#header, #slideShow').live('mouseenter', function () {
        $('#navigation .link').removeClass("subMenueMainNavigationOpen");
        $('#subMenueMainNavigation').fadeOut(300);
    });

    $('#navigation .link').live('mouseenter', function () {
        $('#subMenueMainNavigation').hide();
        $('#navigation .link').removeClass("subMenueMainNavigationOpen");
    });

    $('#navigation .hasSubMenueMain').live('mouseenter', function () {
        $('#subMenueMainNavigation div').hide();
        var rel = $(this).attr('data-rel');
        $(this).addClass("subMenueMainNavigationOpen");
        var offset = $(this).offset();

        $('#subMenueMainNavigation').css('left', Math.ceil(offset.left) - 12);

        $('#subMenueMainNavigation').find('#subMenueMainNavigation' + rel).show();
        $('#subMenueMainNavigation').fadeIn(300);
    });

    $('#subMenueMainNavigation').live('mouseleave', function () {
        $(this).fadeOut(250);
        $('#navigation .link').removeClass("subMenueMainNavigationOpen");
    });

    ////////////////////////////////////////////////////////////////////////
    // Leuchtkasten ausdrucken
    ////////////////////////////////////////////////////////////////////////
    $('#printLightbox').live('click', function () {
        window.print();
    });

    ////////////////////////////////////////////////////////////////////////
    // EventEinzelAnsicht: Klick auf Thumbnail
    ////////////////////////////////////////////////////////////////////////
//    var test = 'jo';

    $('.imageEinzelAnsichtThumb').live('click', function () {
        // großes Bild URL ändern
        $('#imageEinzelAnsicht').attr('src', $(this).attr('src'));
        $('#openImageInLightbox').attr('href', $(this).attr('src'));
        // falls die kleinen Bilder einen Titel haben, diesen Titel auch auf das große Bild legen
        var yxtitle = '';
        if ($(this).attr('title') !== undefined) {
            yxtitle = $(this).attr('title');
        }

        $('#imageEinzelAnsicht').attr('title', yxtitle);
        $('#openImageInLightbox').attr('title', yxtitle);
    });


    ////////////////////////////////////////////////////////////////////////
    // SprachauswahlBox Toggle
    ////////////////////////////////////////////////////////////////////////
    $('#chooseLanguageOpenBox').live('click', function () {
        $('#languageChooseBox').fadeToggle('fast');
    });


    ////////////////////////////////////////////////////////////////////////
    // SCROLL top
    ////////////////////////////////////////////////////////////////////////
    $('#scrollTop').live('click', function () {
        $('html,body').animate({
            scrollTop: 0
        }, 400);
    });

    ////////////////////////////////////////////////////////////////////
    // KLICK AUF DEN OBJEKT-SUCHEBUTTON
    ////////////////////////////////////////////////////////////////////

    $('#searchButtonSpecifyObjects').live('click', function () {
        // Suchparameter speichern
        var searchTerm = '';
        var elementID = '';

        // es sind theoretisch unendlich Suchfelder möglich. Damit der Server nicht stirbt, begrenze ich auf 10
        // recordsource nur einmal
        var recordSource = $('#chooseMuseumObjectSearch').val();
        // Auswahlfeld und Eingabefeld multibel

        // alle entitäten der jeweiligen Klasse durchgehen..
        // wenn es nur eine Suchzeile gibt (einfache Suche)
        if ($('.addSearchFieldsRow').length == 1) {
            searchTerm = encodeURI($('.addSearchFieldsRow').parent().parent().find('.elementIDText').val());
            elementID = encodeURI($('.elementID').parent().parent().find('.elementID').val());
        }
        else {
            for (var i = 0; i < $('.addSearchFieldsRow').length; i++) {
                // Suche nach "Alle Elemente darf nur maximal einmal vorkommen...
                // wenn es das mehrmals gibt, dann nur das erste gelten lassen und die anderen vergessen...
                //addElemIndex = $('option:selected', '.elementID:eq('+i+')').parent().parent().find('.elementID').get(0).selectedIndex;
                //if (addElemIndex != 0) {
                // wenn der Searchterm leer ist, dann wird die Zeile weggelassen, hat ja dann keinen Einfluss auf die Suche
                var addTerm = $('.addSearchFieldsRow:eq(' + i + ')').parent().parent().find('.elementIDText').val();
                if (addTerm != '') {
                    searchTerm += addTerm + '@@@';

                    // Das entsprechende Auswahl-Element auch speichern
                    addElem = $('.elementID:eq(' + i + ')').parent().parent().find('.elementID').val();
                    elementID += addElem + '@@@';
                }
                //}
            }
        }

        // Inhalte holen
        window.location.href = '/Objektsuche/|Suchbegriff|' +searchTerm + '|Auswahl|' + elementID + '|Einrichtung|' + recordSource + '|Seite|1|/';
    });

    ////////////////////////////////////////////////////////////////////
    // KLICK AUF STICHWORTSUCHE - Inputfeld
    ////////////////////////////////////////////////////////////////////
    $('#tStichwortSuche input').live('click', function () {
        $('#tStichwortSuche input').val('');
    });

    ////////////////////////////////////////////////////////////////////
    // Ändern STICHWORTSUCHE im Inputfeld
    ////////////////////////////////////////////////////////////////////

    $('#tStichwortSuche input,').live('keyup', function (event) {

        var key = event.keyCode;
        // wenn pfeiltaste, dann abbrechen
        if ((key == 40) || ( key == 38 )) {
            return 0;
        }

        // einerseits wird der Suchlink angepasst
        var attrA = $('#bStichwortSucheLink').attr('href');
        attrACut = attrA.substr(0, attrA.lastIndexOf('%7C') + 3);
        attrANew = attrACut + encodeURI($('#tStichwortSuche input').val()) + "|/";
        $('#bStichwortSucheLink').attr('href', attrANew);

        // bei "Enter-taste" suche auslösen
        if (key == 13) {
//            var hrefSearch = attrANew;
            window.location.href = attrANew;
        }
        else {
            // Hintergrundbild
            $('#tStichwortSuche input').css('background-repeat', 'no-repeat');
            $('#tStichwortSuche input').css('background-position', 'center right');
            $('#tStichwortSuche input').css('background-image', 'url(/instances//images/ajax - loaderMedium.gif)');
        }
        // Suggestanfrage stellen, Suggestbox erstellen, anzeigen und füllen
        var pfad = '/suggestkeywordsearch/' +encodeURI($('#tStichwortSuche input').val());
        $.ajax({
            url: pfad,
            complete: function (data) {
                $('.suggestBoxKeyWordContainer').html(data.responseText).fadeIn(200);
                $('#tStichwortSuche input').css('background-image', 'none');
            }
        });
    });

    ////////////////////////////////////////////////////////////////////
    // Navigieren in der Suggestbox mit den Pfeiltasten
    ////////////////////////////////////////////////////////////////////
    $('#tStichwortSuche input, .elementIDText').live('keydown', function (event) {
        var key = event.keyCode;
        // Entertaste: markierter suggesteintrag wird ins eingabefeld übernommen. danach wird bei keyup sofort die suche ausgelöst

        if ((key == 13 ) && (aktSuggestEntry >= 0)) {
            var xEntry = str_replace('&amp;', '&', $('.suggestBoxEntry:eq(' + aktSuggestEntry + ')').html());
            $('#tStichwortSuche input').val(xEntry);
            // Suche starten
            //window.location = $('#bStichwortSucheLink').attr('href');
        }

        $('.suggestBoxEntry').removeClass('suggestBoxEntryHover');

        // pfeiltaste nach unten
        if (key == 40) {
            if (aktSuggestEntry < 11) {
                aktSuggestEntry++;
            }
            $('.suggestBoxEntry:eq(' + aktSuggestEntry + ')').addClass('suggestBoxEntryHover');
        }

        // pfeiltaste nach oben
        if (key == 38) {
            if (aktSuggestEntry > 0) {
                aktSuggestEntry--;
            }
            $('.suggestBoxEntry:eq(' + aktSuggestEntry + ')').addClass('suggestBoxEntryHover');
        }
    });

    ////////////////////////////////////////////////////////////////////
    // Navigieren in der Suggestbox mit der Maus
    ////////////////////////////////////////////////////////////////////
    $('.suggestBoxEntry').live('mouseenter', function () {
        $('.suggestBoxEntry').removeClass('suggestBoxEntryHover');
        $(this).addClass('suggestBoxEntryHover');
        aktSuggestEntry = $(this).index();
    });


    ////////////////////////////////////////////////////////////////////
    // Eintrag aus Suggestbox per Click auswählen
    ////////////////////////////////////////////////////////////////////

    $('.suggestBoxEntry').live('click', function () {
        // geklickter Eintrag
        var valueEntry = $(this).html();

        valueEntry = str_replace('&amp;', '&', valueEntry);

        // restliche Vorschläge ausblenden
        $('.suggestBoxKeyWordContainer').fadeOut(300);

        // dem Stichwortsuchfeld den ausgewählten Eintrag zuweisen
        $(this).parent().parent().parent().find('input').val(valueEntry);

        // den Link für die Suche vervollständigen
        var attrA = $('#bStichwortSucheLink').attr('href');
        attrACut = attrA.substr(0, attrA.lastIndexOf('%7C') + 3);
        attrANew = attrACut + $('#tStichwortSuche input').val() + "|/";
        $('#bStichwortSucheLink').attr('href', attrANew);
        // Suche starten
        //window.location = $('#bStichwortSucheLink').attr('href');
    });

    ////////////////////////////////////////////////////////////////////
    // Ändern SUCHE in der Objektsuche (dann suggest)
    ////////////////////////////////////////////////////////////////////
    $('.elementIDText').live('keyup', function (event) {
        var key = event.keyCode;
        // wenn pfeiltaste, dann abbrechen
        if ((key == 40) || ( key == 38 )) {
            return 0;
        }
        var xthis = this;
        // Suggestanfrage stellen, Suggestbox erstellen, anzeigen und füllen
        var pfad = '/suggestkeywordsearch/' +$(this).val() + '@@@' + $(this).parent().parent().find('.elementID').val() + '@@@' + $('#chooseMuseumObjectSearch').val();
        var indexDropBox = $('.elementIDText').index(this) + 1;
        // Hintergrundbild
        $(this).css('background-repeat', 'no-repeat');
        $(this).css('background-position', 'center right');
        $(this).css('background-image', 'url(/instances//images/ajax - loaderMedium.gif)');
        $.ajax({
            url: pfad,
            complete: function (data) {
                $('.suggestBoxKeyWordContainer:eq(' + indexDropBox + ')').html(data.responseText).fadeIn(200);
                $(xthis).css('background-image', 'none');
            }
        });
    });

    ////////////////////////////////////////////////////////////////////
    // ÖFFNEN EINER SUCHEN-BOX auf der Bühne
    ////////////////////////////////////////////////////////////////////

    $('.openSearchBoxLink').live('click', function () {
        $('#openSearchBox').slideToggle('slow');
    });

});