$(function() {
/*
    $('#ContactLink').click(function() {
        $('#ContactForm').dialog();
        return false;
    });
    $('#ContactForm').submit(function() {
        $.post('contact.php', {
                ajax: 'yes',
                name: $('#name').val(),
                adresse: $('#adresse').val(),
                comment: $('#comment').val()
            },
            function(returned) {
                if (returned == 'OK') {
                    // Danke schön
                    alert('Danke für die Nachricht.');
                } else {
                    // Formular erneut anzeigen, diesmal mit Fehlermeldung
                    alert('Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.');
                    $('#ContactForm').dialog();
                }
            }
        );
        return false;
    });
*/
    // Bild vorab laden
    dummypic = new Image();
    dummypic.src = "css/images/wait.gif";

    // Hover-Funktion zum aus- und einfahren setzen (Farbe über CSS)
    $('.iteminner')
        .hover(function() {
                $(this).animate({ width: '210px' }, 100);
            }, function() {
                if (!($(this).hasClass('selected'))) {
                    $(this).animate({ width: '200px' }, 200);
                }
            }
        );

    // De-aktivierte Jahre verstecken
    $('.year.inactive').each(function() {
        $yr = $(this).html();
        $('.y' + $yr).hide();
    });

    // Click-Funktion für Jahre
    $('.year').click(function(event) {
        if (this == event.target) {
            $yr = $(this).html();
            if ($(this).hasClass('active')) {
                $(this).removeClass('active');
                $(this).addClass('inactive');
                $('.y' + $yr).hide(500);
            } else {
                $(this).removeClass('inactive');
                $(this).addClass('active');
                $('.y' + $yr).show(500);
            }
        }
    });

    // Click-Funktion für Einträge
    $('.iteminner, .djname, .date, .info')
        .click(function(event) {
            if (this == event.target) {
                // $el soll das div sein (iteminner), für Sub-Einträge also der Parent
                if ($(this).hasClass('iteminner')) {
                    $el = $(this);
                } else {
                    $el = $(this).parent();
                }
                // Wurde auf einen Nicht-Selektierten geklickt?
                if (!($el.hasClass('selected'))) {
                    // Dann Content setzen,
                    $('div.content').html('<div class="loading"><img src="css/images/wait.gif" /></div>');
                    $('div.content').load('/php/gigcontent.php?id=' + $el.children('.gigid').html());

                    // Selektierten einfahren und de-selektieren
                    $('.selected')
                        .animate({ width: '200px' }, 100)
                        .removeClass('selected');

                    // Aktuellen selektieren
                    $el.addClass('selected');

                    // Titel anpassen
                    document.title = 'WobWob! - Your Hamburg Dubstep Dance';

                    // URL anpassen
                    //window.location = 'http://www.wobwob.net/?id=' + $el.children('.gigid').html();
                }
            }
        });
});