var groesse;
        var slideshowStopped = false;

        $(document).ready(function() {
            fenstergroesse(true);

            /*
            // Slideshow
            var spashContent = $('#splashContent')

            $(document).click(function() {
                if ( slideshowStopped == false ) {
                    spashContent.crossSlideFreeze();
                    slideshowStopped = true;
                }
                if (!location.hash) {
                    sidecroller('#home', true);
                }
            });

            spashContent.crossSlide({
                fade: 1
            }, [
                {
                src:  'dat_impressionen/impressionen(2).jpg',
                alt:  'Sand Castle',
                from: '100% 100% 0.6x',
                to:   '50% 30% 1.4x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(1).jpg',
                alt:  'Sand Castle',
                from: '0% 100% 0.6x',
                to:   '40% 20% 1.5x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(3).jpg',
                alt:  'Sand Castle',
                from: '0% 80% 0.6x',
                to:   '50% 30% 1.6x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(4).jpg',
                alt:  'Sand Castle',
                from: '100% 0% 0.6x',
                to:   '50% 25% 1.6x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(5).jpg',
                alt:  'Sand Castle',
                from: '0% 100% 0.6x',
                to:   '40% 30% 1.4x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(6).jpg',
                alt:  'Sand Castle',
                from: '100% 0% 0.6x',
                to:   '70% 20% 1.5x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(8).jpg',
                alt:  'Sand Castle',
                from: '100% 0% 0.6x',
                to:   '40% 25% 1.4x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(7).jpg',
                alt:  'Sand Castle',
                from: '0% 80% 0.6x',
                to:   '50% 15% 1.5x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(9).jpg',
                alt:  'Sand Castle',
                from: '0% 100% 0.6x',
                to:   '50% 30% 1.4x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(10).jpg',
                alt:  'Sand Castle',
                from: '100% 0% 0.6x',
                to:   '45% 15% 1.6x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(11).jpg',
                alt:  'Sand Castle',
                from: '100% 0% 0.6x',
                to:   '70% 20% 1.4x',
                time: 3
                },
                {
                src:  'dat_impressionen/impressionen(12).jpg',
                alt:  'Sand Castle',
                from: '0% 80% 0.6x',
                to:   '60% 35% 1.4x',
                time: 3
                }
            ], function(idx, img, idxOut, imgOut) {
                if (idxOut == undefined) {
                    // starting single image phase, put up caption
                    $('div.caption').text(img.alt).animate({ opacity: .7 })
                } else {
                    // starting cross-fade phase, take out caption
                    $('div.caption').fadeOut()
                }
            });
            */
        });


        // Browser-Update toolbar
        var $buoop = {}
        $buoop.ol = window.onload;
        window.onload=function(){
             if ($buoop.ol) $buoop.ol();
             var e = document.createElement("script");
             e.setAttribute("type", "text/javascript");
             e.setAttribute("src", "http://browser-update.org/update.js");
             document.body.appendChild(e);
        }
        
        
        
        

        $(window).resize(function() {
            fenstergroesse(false);
        });


        
        
        
        
        
        
        
        
        
        function fenstergroesse(animieren) {
            // Fenstergröße speichern
            if (document.body.clientWidth)
                groesse = document.body.clientWidth;
            else
                groesse = document.documentElement.clientWidth;

            // Scrolle zum Bereich der im Hash steht
            if (location.hash)
                sidecroller(location.hash, animieren);
        }





















/**
* Scrollfunktion
* */
var zielhash = new Array("#film", "#reedoo", "#home", "#doojays", "#details");


function sidecroller( ziel, animiert ) {
    // Anhand des Ziels die Position ermitteln
    zielNr = zielhash.indexOf(ziel);
    
    if ( zielNr>4 ) {
        zielNr = 2;
        ziel = "home";
    }
    
    // Wurde home geklickt blende evtl. eingeblendetes Overlay aus
    if ( zielNr == 2 )
        toggleOverlayDoo(true, 'hide');
    
    // Neue Position ermitteln
    var zielpos = zielNr * groesse;
    
    // Scrolle zur neuen Position, falls animiert=true
    if (animiert == true)
        $(".mainWrapper").animate({scrollLeft: zielpos}, 1500, 'easeOutBack', function() {
            // Setze Hashwert zum verlinken
            location.hash = ziel;
        });
    // Ist animiert=false springe ohne animation (für Fenstergrösse ändern)
    else {
        $(".mainWrapper").scrollLeft(zielpos);
        location.hash = ziel;
    }
    
    
    // Pausiere Video (falls es läuft)
    document.getElementById('introvideo').pause();

return false;
}















/***************
* Scrollfunktion für die Doojay-Details
* 
* @param:   rahmen  = ID des Rahmens
*           inhalt  = ID des Inhalts
*           richtung= "links" oder "rechts" gibt Richtung an, in
*                     die der Pfeil zeigt auf den geklickt wurde
* *************/
var breiteRahmen = false;
var scrollZiel = 0;

function hscroll( aktButton, rahmen, inhalt, richtung ) {
    // Breite des Rahmens ermitteln
    breiteRahmen = $(rahmen).width();

    // Position und Breite des Inhalts ermitteln
    posInhalt = $(inhalt).position().left;
    breiteInhalt = $(inhalt).width();
    
    // Lege Ziel für Bewegung fest
    if ( richtung == "rechts" ) {
        scrollZiel += (breiteRahmen/1.2);
    } else {
        // Ziel festlegen
        scrollZiel -= (breiteRahmen/1.2);
    }
    
    
    
    // Enferne Unsichtbar-Attribut wenn es gesetzt ist
    $('#doojaysMenuScrollbuttonsInactive').attr('id', '');
    
    // Wenn ganz links gescrollt wurde
    if (scrollZiel <= 0) {
        scrollZiel = 0;
        $(aktButton).attr('id', 'doojaysMenuScrollbuttonsInactive');
    } else if (scrollZiel >= (breiteInhalt-breiteRahmen/1.2)) {
        scrollZiel = (breiteInhalt-breiteRahmen/1.2);
        $(aktButton).attr('id', 'doojaysMenuScrollbuttonsInactive');
    }

    
    
    
    // Scrolle Inhalt
    $(rahmen).animate({scrollLeft: scrollZiel}, 300, 'linear');
    
return false;
}













/***************
* Funktion zum aktualisieren der Doojays
*
* @param:   
* *************/

function doojaysAkt( doojayID ) {
    titelDateiname = doojayArray[doojayID]['titel'].replace(/\./g, "");
    
    // Zuerst ausblenden
    $("#doojaysDetailtitel").hide("drop");
    $("#doojaysDetailbild").fadeOut();
    $("#doojayDetailtext").hide("blind");
    
    // Text einfügen
    $('#doojayDetailtext').html( doojayArray[doojayID]['text'] );
    
    // Titelbild austauschen
    $('#doojaysDetailtitel').attr( 'src', "../dat_doojays/"+titelDateiname+"Titel.png" );
    $('#doojaysDetailtitel').attr( 'alt', doojayArray[doojayID]['titel'] );
    
    // Doojay-Foto austauschen
    $('#doojaysDetailbild').attr( 'src', "../dat_doojays/"+titelDateiname+".png" );
    
    // Linkfoto ändern
    aktID = "#doojayLink"+doojayID;
    $(aktID).css('background-position', 'top');
    $(lastID).css('background-position', '');
    lastID = aktID;
    
    // Wieder einblenden
    $("#doojaysDetailtitel").show("drop");
    $("#doojaysDetailbild").fadeIn("drop");
    $("#doojayDetailtext").show("blind");
    
return false;
}












/**
* Zeige overlay für weitere Inhalte und lade Inhalt per AJAX
* **/
var aktInhaltOverlay = false;
var overlaySichtbar = false;

function toggleOverlayDoo( inhalt, showhide ) {

    // Facebook content bei Stichwort "facebook"
    if (inhalt == "facebook") {
        text = '<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdoo.events&amp;width=460&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;height=550&amp;force_wall=true" scrolling="no" frameborder="0" style="border:0; overflow:hidden; width:460px; height:550px;" allowTransparency="true"></iframe>';
    }

    // Setze für showhinde entweder den übergebenen Wert oder 0 falls keiner übergeben wurde
    showhide = showhide || 0;
    
    // Overlay ausblenden, wenn es eingeblendet ist
    if ( overlaySichtbar == true && showhide == 'hide' ) {
        $('#subcontentOverlay').hide();
        $('#vignette').css('display', 'none');
        
        overlaySichtbar = false;
    }
    
    
    // Overlay einfahren
    if ( showhide != 'hide' ) {
        $('#subcontentOverlay').slideDown(200);
        $('#vignette').css('display', 'block');
        $('#vignette').css('height', $(document).height() );
        
        overlaySichtbar = true;
        $(document).scrollTop(0);
    }
    

    // Nur laden wenn sich die Seite verändert
    if ( aktInhaltOverlay == false || aktInhaltOverlay != inhalt ) {

        // Inhalt per AJAX laden falls nicht Facebook
        if (inhalt != "facebook") {
        $.get( inhalt,
            function(text){
                $('#subcontentOverlayContent').html(text);
            });            
        } else {
            $('#subcontentOverlayContent').html(text);
        }

        // Aktuelle Seite Merken
        aktInhaltOverlay = inhalt;
    }
    
return false;
}
















/**
* Sende Formulardaten des Kontaktformulars wenn das Formular
* gesendet wird
*/
function startMailform() {

    // Wurde die Seite über JS aufgerufen sende Daten per JS
    if ( direktAufgerufen == false ) {
    
        // Binde Submit-Funktion ans Formular
        $('#mailformular').submit(function() {            
            // Daten senden
            $.post( 'kontakt.php?inline=true',
        	    {   absender: $("#absender").attr('value'),
                    betreff: $("#betreff").attr('value'),
                    mailtext: $("#mailtext").attr('value'),
                    action: 'senden'},
                function(text) {
                    $('#subcontentOverlayContent').html(text);
                }
            );
        
        // Formular nicht über Standardweg abschicken, da bereits per JS geschenhen.
        return false;
        });
        
    // Wurde Seite direkt aufgerufen (ohne JS) dann sende Formular normal
    } else {   
        return true
    }
}

















/*****************
* IndexOf für ältere Browser
* ***************/
var durchlaufen = "";

if (typeof Array.prototype.indexOf != "function") {

  Array.prototype.indexOf = function (obj) {
    for(var i = 0; i < this.length; i++) {
        durchlaufen = durchlaufen +" "+ i;
        if(obj == this[i]) {
            return i;
        }
    }
    return -1;
  };
}