[tantetoni2]

ach und das ist nicht abgabefähig

/**
 * Ermittelt die aktuell mögliche Position des Funktions-Inhaltes
 * Diese Funktion wird am Ende der Menü-Bewegung aufgerufen
 *
 * @return    null
 */
function setContentPosition() {
    var breiteNavbar = $('#nav-container').width(),
        breiteDocument = $(document).width()
    ;
    // Galerie-Position setzen, Text-Position setzen
    if (breiteDocument > mobileStyle) {
        $('#content, #content2').css({
            'left': parseInt(breiteNavbar - 100) + 'px',
            'width': '70%'
        });
    } 
    else {
        $('#content, #content2').css({
            'left': '0px',
            'width': '100%'
        });
    }
}

/**
 * Erzeugung der Hauptnavigations als UL-Objekt
 * Es wird unterschieden, ob der Eintrag ein Link
 * oder ein Hilfsobjekt ist
 *
 * @return    null
 */
function iniMenu() {
    // Galiern laden und entsprechend anzeigen
    $.each(navigation, function(index, value) {
        if (index.length) {
            // Teilstring ermitteln (Link oder nicht)
            var teil = index.substring(0, 5);
            if (teil == 'dummy') {
                $('#navigation').append('<li class="trenner"><span>' + value + '</span></li>');
            } else {
                var loader = 'page',
                    infotext, Css
                ;
                
                if (value['info'].length) {
                    infotext = ' title="' + value['info'] + '"';
                }
                if (value['class'].length) {
                    Css = ' class="' + value['class'] + '"';
                } 
                if (value['type'] == 'galery') {
                    loader = 'galery';
                }

                $('#navigation').append('<li class="link" id="nav-' + index + '">' + '<a href="javascript:void(0);" onclick="loadContent' + '(\'' + index + '\', \'' + loader + '\')' + '"' + infotext + Css + '>' + value['name'] + '</a>' + '</li>');
            }
        }
    });
}

/**
 * Inhalt in den Hauptbereich laden
 * Je nach Modus werden entweder die Galerien oder eine HTML-Seite angezeigt
 * Der inaktive Content wird auf Default zurückgesetzt
 *
 * @param     String      zu ladender Inhalt beim Klicken
 * @param     String      'galery' oder 'page'
 * @return    null
 */
function loadContent(type, mode) {
    if (mode == undefined) {
        // Wenn der Modus unbekannt ist, dann abbrechen
        return;
    }

    // Je nach Modus die Container definieren
    var ziel = $('#content2'),
        old = $('#content')
    ;
    if (mode == 'galery') {
        ziel = $('#content');
        old = $('#content2');
    } 

    if ($('#mobile-nav li').length > 0) {
        $('#mobile-nav').fadeOut('fast');
    }

    // inaktiven Container ausblenden
    old.fadeOut('fast');

    if (type.length) {
        // Navigation ist Mittig? dann nach links bewegen
        if (firstRun == 0) {
            // Navigation bewegen
            moveNavigation(type, mode);

            // Inhalt setzen
            setContentPosition();

            // Inhalt wartet, bis die Navigation links angekommen ist
            ziel.delay(runtimeNav);
        } else {
            // Navigations-Status prüfen
            setNavigationStatus();
        }

        // Die Seite nur laden, wenn sich der Klick geändert hat und der Modus definiert ist
        if (type != lastType && mode != undefined) {
            $('#nav-' + lastType + ' a').removeClass('active');

            // Inhalt ausblenden und firsch laden
            ziel.fadeOut('fast', function() {
                // inaktiven Container zusätzlich unsichtbar machen
                old.css('display', 'none');

                // Inhalt aus Config.js laden
                if (mode == 'galery') {
                    old.html('');
                    getInhalt2Content(type);
                } else {
                    old.load('./pages/lightbox.htm');
                    ziel.load('./pages/' + type + '.htm');
                }

                // Inhalt anzeigen
                ziel.fadeIn('fast');

                $('#nav-' + type + ' a').addClass('active');

                lastType = type;
            });
        }
    } else {
        alert('Content-Type <' + type + '> not available');
    }
}

/**
 * Bilder aus dem Config-Array in die Gallerie laden
 *
 * @return    null
 */
function getInhalt2Content(type) {
    // Galerie erzeugen
    $('#content').html('<div class="image-set"></div>');
    var $imageSet = $('.image-set');
    
    $.each(data[type], function(index, value) {
        var info;
        // Prüfen, ob in Info etwas enthalten ist
        if (value['info'].length) {
            info = '<br />' + value['info'];
        }
        // Bild erzeugen
        var image = '<a href="data/big/' + value['image'] + '" class="image-link" ' + 'data-title="' + value['titel'] + info + '" data-lightbox="' + type + '-set">' + '<img src="./data/thumb/' + value['thumb'] + '" class="image-thumb" title="' + value['titel'] + '" />' + '</a>';

        // erzeugtes Bild an die Galie anhängen
        $imageSet.append(image);
    });
}