$(document).ready(function(){
	
	$("#ladebalken").html('<img src="./domain/tanzhaus-marks_de/themes/marks_2010/media/flash/fortschrittsbalken.gif" width="64" height="64" alt="" />');
	
	//Klassen mit Browser-Versionen an das body-Element anhängen:
	jQuery.each(jQuery.browser, function(i, val) {
	  if (val && i!="version") $("body").addClass("browser-"+i).addClass("browser-"+i+"-"+parseInt(($.browser.version.substr(0,3)=="1.9")?"3":$.browser.version));
    });
	
	//IE-Pseudo-Klassen mit Klassen simulieren
	$("body.browser-msie").find("li:first-child").addClass("first-child");
	$("body.browser-msie").find("li:last-child").addClass("last-child");
	$("body.browser-msie").find("a.jQueryFilter:last-child").addClass("last-child");
	$("body.browser-msie").find("div#column_2 div.container:last-child").addClass("last-child");
	
	//Initialisierung des Dialogs
	$("#dialog").dialog({ autoOpen: false, title: "Kursbuchung", width: 550, height: 600 });
	
	$("#backend").attr("href","?p=_login");
	
	/* 
	 ********************************************************************************************
	 * LISTENER für verschiedene Elemente
	 *
	 ********************************************************************************************
	 */
	
	/* LISTENER: Klick auf den Buchungslink zeigt den Dialog mit dem Absende-Formular. */
	$("td.buchungslink a").click(function(){
		var titel = "Kursbuchung: " + $(this).attr("title");
		var itsURL = $(this).attr("href");
		
		$.ajax({
			url : itsURL,
			success : function(data) {
				$("#dialog").html(data);
				$("#dialog").dialog("open");
				$("#dialog").dialog( "option", "title", titel);
				
				
				var itsOptions = { 
					target: '#dialog'
				}; 
				
				$("form.jQueryAjax").live("submit",function(){
					$(this).ajaxSubmit(itsOptions); 
					// return false to prevent normal browser submit and page navigation 
					return false; 
				});
				
			}
		});
		return false;
	});
	
	/* LISTENER: Klick auf den Beratungslink zeigt den Dialog mit einem kurzen Beratungstext. */
	$("td.beratungslink a").click(function(){
		var titel = "Wir beraten Sie gern!";
		var itsURL = $(this).attr("href");
		
		$.ajax({
			url : itsURL,
			success : function(data) {
				$("#dialog").html(data);
				$("#dialog").dialog("open");
				$("#dialog").dialog( "option", "title", titel);
			}
		});
		return false;
	});
	
	
	/* LISTENER: Klick auf ein klickbares Tabellenfeld löst den dazugehörigen Buchungslink aus. */
	$("table.clickable tr").click(function(){
		$(this).children("td").children("a").click();
	});
	
	/* LISTENER: Filterbuttons zum Wechseln zwischen Kursen für Solotänzer, für Paare und für alle. */
	$("a.jQueryFilter").click(function(){
		var whatsToShow = $(this).attr("id");
		if(!($(this).hasClass("aktiv"))){
			$("a.jQueryFilter").removeClass("aktiv");
			$(this).addClass("aktiv");
			
			$(".kursangebot").slideDown("slow");
			
			if(whatsToShow == "forTwo") {
				$(".kursangebot.forYou").slideUp("slow");
			}
			else if(whatsToShow == "forYou") {
				$(".kursangebot.forTwo").slideUp("slow");
			}
		}
		return false;
	});
	
	/* 
	 ********************************************************************************************
	 * FUNKTION: Headbildrotation
	 *
	 ********************************************************************************************
	 */
	
	//ID für den Image-Slide ermitteln
	var itsID = "" + $("#containerImage div.jQueryCycle").attr("id"); 
	
	//Auf der Startseite den halbtransparenten Overlay ergänzen
	//$("body#page_index #column_1").append("<div id='correspondingBodyBackground'></div>")
	
	//Ausgelagerte Cycle-Funktion für die Bildblende:
	$.fn.marksCycle = function() {
		var o = $(this[0]);//das Element
		
		//die cycle-Funktion anstoßen (mit Zusatzfunktionalität für Rahmenfarbenänderung)
		$(o).cycle({
			timeout: 6000,
			speed: 3000,
			pause: 0,
			random : 1,
			before: function(currSlideElement, nextSlideElement, options, forwardFlag){
				var itsSrc = $(nextSlideElement).attr("src");
				var itsSrcParts = itsSrc.split("_");
				var lastIndex = itsSrcParts.length - 1;
				var theHexValue = itsSrcParts[lastIndex].replace(/.jpg/,"");
				var colorNumber = "#" + theHexValue;
				
				$("#correspondingBackground").animate({backgroundColor : "#" + theHexValue},3000);
				//$("#correspondingBodyBackground").animate({backgroundColor : "#" + theHexValue},3000);
			}
		});
	}
	
	//Image-Slide in das entsprechende div legen
	$.ajax({
		url : "/media/imageslide/" + itsID + ".php",
		success : function(data) {
			//div mit Daten befüllen
			$(".jQueryCycle").html(data);
			$(".jQueryCycle").marksCycle();
			
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			$.ajax({
				url : "/media/imageslide/slide_default.php",
				success : function(data){
					$(".jQueryCycle").html(data);
					$(".jQueryCycle").marksCycle();
				}
			});
		}
	});
	
	
	//Fancybox
	$(".fancybox").fancybox({
		prevEffect		: 'none',
		nextEffect		: 'none',
		closeBtn		: false,
		helpers : {
			title : { type : 'over' },
			overlay	: {
				opacity : 0.8,
				css : {
					'background-color' : '#000'
				}
			},
			buttons	: {}
		}
	});
	
});