/*  #####################################################
**  Domain:    www.tourismus.saarland.de
**  Datei:     startseite.js
**  Funktion:  exklusiver JavaScriptCode für die Startseite

**  Erstellt:  24.02.2009

**  Autor:     Axel Güldner
**  copyright: infomax websolutions GmbH
##################################################### */

$(document).ready(function(){

    //Animierte Themennavi
    //PageEnter Animation (Es werden alle Texte einmal eingeblendet)
    var themennaviCurrentlyAnim = true;         //Flag welcher gesetzt wird wenn Navi gerade animiert wird um Schluckauf zu verhindern
    var activeThemennavi = 0;                   //simpler Counter für die Startanimation
    window.clearInterval(themennaviInterval);   //Intervall für die Startanimation löschen

    //Hintergrundbild welches smartyseitig per random ausgewählt wurde hier als active deklarieren
    $("#themennavi img.startup").removeClass("startup").addClass("active").show();
    $("#themennavi .highlights .startup").removeClass("startup").addClass("active").show();
    //Intervalfunktion direkt festlegen
    var themennaviInterval = window.setInterval(function(){
        //Animation des aktiven Listenpunktes zum Einfahren
        $("#themennavi ul").children(".active").children("span").animate({marginBottom:"0", height:"toggle"},1500);
        $("#themennavi ul").children(".active").removeClass("active").children("a").animate({fontSize:"16px"},1500);

        //Wenn laut Counter alle Navipunkte einmal durch sind, dann den smartyseitig per random gewählten Listenpunkt als active deklarieren
        if(activeThemennavi >= 5) $("#themennavi ul").children(".startup").addClass("active");
        //Wenn noch nicht alle durch sind, dann den nächsten Listenpunkt nehmen
        else $("#themennavi ul").children("li.k"+activeThemennavi).addClass("active");

        //Animieren des neuen aktiven Listenpunktes zum Ausfahren
        $("#themennavi ul").children(".active").children("a").animate({fontSize:"36px"},1500);
        $("#themennavi ul").children(".active").children("span").animate({marginBottom:"2em",height:"toggle"},1500);

        //Wenn alle Listenpunkte durch sind, dann Interval löschen und Flag zurücksetzen für Hoveranimationen
        if(activeThemennavi >= 5) {window.clearInterval(themennaviInterval); themennaviCurrentlyAnim = false;}
        //Counter erhöhen um nächsten Navipunkt anzusprechen
        activeThemennavi++;
    }, 2000);

    //Hoveranimation
    $("#themennavi ul").children("li").bind("mouseenter", function(){
        //Animation nur starten wenn der Listenpunkt der Event gefeuert hat nicht der aktive ist und wenn momentan keine Animation abläuft
        if(!$(this).hasClass("active") && !themennaviCurrentlyAnim){
            //Setzen des Flags um weitere Animationen zu unterbinden
            themennaviCurrentlyAnim = true;
            //Aktuelles Keyvisual plus MovieBTN ausblenden
            $("#themennavi img.active").removeClass("active").fadeOut(1500);
            $("#themennavi .highlights .active").removeClass("active").fadeOut(1500);
            //Neues Keyvisual plus MovieBTN einblenden
            $("#themennavi img."+$(this).attr("class")).addClass("active").fadeIn(1500);
            $("#themennavi .highlights ."+$(this).attr("class")).addClass("active").fadeIn(1500);
            //Aktuellen Listenpunkt animieren zum Einfahren
            $(this).parent().children(".active").children("span").animate({marginBottom:"0", height:"toggle"},1500);
            $(this).parent().children(".active").removeClass("active").children("a").animate({fontSize:"16px"},1500);
            //Neuen Listenpunkt animieren zum Ausfahren
            $(this).addClass("active").children("a").animate({fontSize:"36px"},1500);
            $(this).children("span").animate({marginBottom:"2em",height:"toggle"},1500,function(){themennaviCurrentlyAnim = false;});
            //Zur Sicherheit die Klasse startup entfernen
            $(this).parent().children(".startup").removeClass("startup");
        }
    });

    //Fadereffekt für Suche und Buchen Elemente
    //Kleiner Fader über 1 2 3 4 5 Controllerbuttons
    $("#suchenbuchen div.controller").children("ul.controller").children("li").click(function(){
        $(this).parent().children("li.active").removeClass("active");
        $(this).addClass("active");
        $("#suchenbuchen div.angebote ul.active li.active").removeClass("active").fadeOut();
        var newActive = parseInt($(this).text())-1;
        $("#suchenbuchen div.angebote ul.active li:eq("+newActive+")").addClass("active").fadeIn();
    });

    //Fadereffekt für Suche und Buchen Elemente
    //Großer Fader über die Bereichswahlbuttons ganz rechts
    $("#suchenbuchen div.teaserbuttons").children("a").click(function(){
        $("#suchenbuchen div.controller ul.active").slideUp().removeClass("active");
        $("#suchenbuchen div.controller").children("ul."+$(this).attr("rel")).slideDown().addClass("active");
        $("#suchenbuchen div.angebote ul.active").slideUp().removeClass("active");
        $("#suchenbuchen div.angebote").children("ul."+$(this).attr("rel")).slideDown().addClass("active");
        $("#suchenbuchen div.formulare form.active").slideUp().removeClass("active");
        $("#suchenbuchen div.formulare").children("form."+$(this).attr("rel")).slideDown().addClass("active");

        $(this).parent().children(".active").removeClass($(this).parent().children(".active").attr("name")+"Active").addClass($(this).parent().children(".active").attr("name")).removeClass("active");
        $(this).attr("class", $(this).attr("name")+"Active").addClass("active");

        ET_Event.eventStart('Startseite', 'Buttons UAV', 'Klick_'+$(this).attr("name").substr(4), lang);
    });
    
    
    //Eventtracker für das Versenden der Suchformulare
    $("#suchenbuchen .formulare").find("a.formbutton").click(function(){
    	ET_Event.eventStart('Startseite', 'Jetztfinden', 'Suche_'+$(this).parents("form").attr("name").substr(16), lang);    	
    });
    
    //Datepicker für Quartiersuche
    Date.format = 'dd.mm.yyyy';
	$("#quartiersucheFR1").datePicker({saarlandstyle:imxSaarlandstyle});
	$("#quartiersucheFR1").dpSetStartDate(currentCalenderDate);
    $("#quartiersucheFR1").dpSetSelected(currentCalenderDate);
    
    $("#angebotssucheFR1").datePicker({saarlandstyle:imxSaarlandstyle});
	$("#angebotssucheFR1").dpSetStartDate(currentCalenderDate);
    $("#angebotssucheFR1").dpSetSelected(currentCalenderDate);
    
	$("#eventsucheFR1").datePicker({saarlandstyle:imxSaarlandstyle});
	$("#eventsucheFR1").dpSetStartDate(currentEventDate[0]);
    $("#eventsucheFR1").dpSetSelected(currentEventDate[2]);
	$("#eventsucheFR2").datePicker({saarlandstyle:imxSaarlandstyle});
	$("#eventsucheFR2").dpSetStartDate(currentEventDate[1]);
    $("#eventsucheFR2").dpSetSelected(currentEventDate[3]);
    
    //Sicherstellen das für Abreise nur ein Datum höher als Anreise gewählt werden kann
    $("#eventsucheFR1").change(function(){
        $(this).compareDates("#eventsucheFR2");
    });
    
    
    //ColorBox: Einstellungen für ImageMovie
    if($.browser.msie && $.browser.version < 7) iFrameHeight = "416px";
    else iFrameHeight = "409px";    
    $("#keyvisual").find(".highlights").find("a").colorbox({
		width:"632px",
		height:iFrameHeight,
		transition:"elastic",
		opacity:0.8,
		iframe:true
	});
    $("#themennavi").find("a.movie").colorbox({
		width:"632px",
		height:iFrameHeight,
		transition:"elastic",
		opacity:0.8,
		iframe:true
	});
    
    //EventTracker für ImageMovie
    $("#keyvisual").find(".highlights").find("a").click(function(){
    	ET_Event.eventStart('Startseite', 'ImageMovie', 'Start', lang);
    });
    
    //EventTracker für Themenfilme
    $("#themennavi").find("a.movie").click(function(){
    	ET_Event.eventStart('Startseite', 'TF_'+$(this).parents("li").children("a").text(), 'Start', lang);
    });    

    //FlashButtons für GlowEffekt in Keyvisualboxen
     $("#keyvisual").find(".highlights").find(".movieBTNHelper").each(function(){
        var fo = new SWFObject("flash/btn_movie.swf", $(this).attr("id")+"embed", "27px", "27px", "8", "#000000", false);
        fo.addParam("wmode", "transparent");
        fo.write($(this).attr("id"));
     });
	
});

$(window).load(function(){

});