Shadowbox.loadSkin('shadowbox', '/rupertustherme/live/style3/');

$(window).load(function(){

    var options = {
        animSequence:  	'sync',
        overlayColor:	'#000',
        overlayOpacity:	'0.5'
    };

    Shadowbox.init(options);

});

function track_event(kategorie, eventname) {

	pageTracker._trackEvent(kategorie, eventname);
	
}


//Kursplanpopup schliessen
function close_kurse_buchen_layer() {

	$("#kurse_buchen_layer").fadeOut();

};

//Webcam neu laden
function reload_webcam() {

	var zufallszahl = (Math.floor(Math.random()*25600));
	var webcam_link = $("#webcam").attr("href").split("?");
	
	$("#webcam").attr("href", webcam_link[0] + "?" + zufallszahl);
	
	$("#webcam img").attr("src", webcam_link[0] + "?" + zufallszahl);
	
	setTimeout(function(){ reload_webcam() }, 5000);
	
}

function hitzeticket_open() {
	
	$("#hitzeticket").fadeIn();
	track_event("Hitzeticket", "öffnen");
	
}

$(document).ready(function() {
	
	//fix PNG-BUG IE<=6
	$("#tabs img").ifixpng();

	//Kursplanpopup oeffnen
	$(".kurs_buchen").click(function() {
		var rel_url = $(this).attr("rel");
		$("#kurse_buchen_layer_iframe").attr("src", rel_url);
		$("#kurse_buchen_layer").fadeIn();


	});



	//popup schliessen
	$("#popup span").click(function() {

		$("#popup").fadeOut();

	});
	
	//hitzeticket öffnen
	$("#hitzeticket_open").click(function() {

		hitzeticket_open();

	});
	
	//hitzeticket schliessen
	$("#hitzeticket span").click(function() {

		$("#hitzeticket").fadeOut();
		track_event("Hitzeticket", "schließen");

	});
	
	//Tabnavigation
	$("div#tabs a").hover(

		function() {

			//Bild austauschen
			var bu_up = $(this).attr("rel");
			var bu = bu_up.replace("_up", "_do");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu);
			$(this).children("img").attr("src", bu_up);
			
			$(this).children("img").ifixpng();

		},
		function() {

			//Bild austauschen
			var bu = $(this).attr("rel");
			var bu_up = bu.replace("_do", "_up");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu_up);
			$(this).children("img").attr("src", bu);
			
			$(this).children("img").ifixpng();

		}
	);

	//Metanavigation
	$("#header_navi_meta a").hover(

		function() {

			//Bild austauschen
			var bu_up = $(this).attr("rel");
			var bu = $(this).children("img").attr("src");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu);
			$(this).children("img").attr("src", bu_up);

			//Primärnavigation
			$("#prim_" + navi_id).show();

		},
		function() {

			//Bild austauschen
			var bu = $(this).attr("rel");
			var bu_up = $(this).children("img").attr("src");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu_up);
			$(this).children("img").attr("src", bu);

			//Primärnavigation
			$("#prim_" + navi_id).hide();

		}
	);

	$(".meta_primaer").hover(

		function() {

			//Bild austauschen
			var navi_id = $(this).attr("id");
			var meta_navi_id = navi_id.replace("prim_", "");
			var bu_up = $("#" + meta_navi_id).attr("rel");
			var bu = $("#" + meta_navi_id).children("img").attr("src");

			$("#" + meta_navi_id).attr("rel", bu);
			$("#" + meta_navi_id).children("img").attr("src", bu_up);

			//Primärnavigation
			$("#" + navi_id).show();

		},
		function() {

			//Bild austauschen
			var navi_id = $(this).attr("id");
			var meta_navi_id = navi_id.replace("prim_", "");
			var bu = $("#" + meta_navi_id).attr("rel");
			var bu_up = $("#" + meta_navi_id).children("img").attr("src");

			$("#" + meta_navi_id).attr("rel", bu_up);
			$("#" + meta_navi_id).children("img").attr("src", bu);

			//Primärnavigation
			$("#" + navi_id).hide();

		}

	);

	//Navigation Left
	$(".left_navi").hover(

		function() {

			//Bild austauschen
			var bu_up = $(this).attr("rel");
			var bu = $(this).children("img").attr("src");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu);
			$(this).children("img").attr("src", bu_up);

			//Primärnavigation
			$("#prim_" + navi_id).show();

		},
		function() {

			//Bild austauschen
			var bu = $(this).attr("rel");
			var bu_up = $(this).children("img").attr("src");
			var navi_id = $(this).attr("id");

			$(this).attr("rel", bu_up);
			$(this).children("img").attr("src", bu);

			//Primärnavigation
			$("#prim_" + navi_id).hide();

		}
	);

	$(".left_primaer").hover(

		function() {

			//Bild austauschen
			var navi_id = $(this).attr("id");
			var meta_navi_id = navi_id.replace("prim_", "");
			var bu_up = $("#" + meta_navi_id).attr("rel");
			var bu = $("#" + meta_navi_id).children("img").attr("src");

			$("#" + meta_navi_id).attr("rel", bu);
			$("#" + meta_navi_id).children("img").attr("src", bu_up);

			//Primärnavigation
			$("#" + navi_id).show();

		},
		function() {

			//Bild austauschen
			var navi_id = $(this).attr("id");
			var meta_navi_id = navi_id.replace("prim_", "");
			var bu = $("#" + meta_navi_id).attr("rel");
			var bu_up = $("#" + meta_navi_id).children("img").attr("src");

			$("#" + meta_navi_id).attr("rel", bu_up);
			$("#" + meta_navi_id).children("img").attr("src", bu);

			//Primärnavigation
			$("#" + navi_id).hide();

		}

	);

	$('#newsticker').cycle({
	    fx: 'scrollRight',
	    speed:    1000,
    	timeout:  8000,
    	pause:  1,
    	height: '16px'
	});

	$('#header_bild').cycle({
	    fx: 'fade',
	    speed:    3000,
    	timeout:  5000
	});

	$("#drucken").click(function() {

		window.print();

	});

	$("#eintritt").validate();

	$("#captcha").click(function(){

		var random = Math.floor(Math.random()*25600);

		$("#captcha img").attr({
			src: "/rupertustherme/live/captcha/image.php?new_captcha=true&" + random
		});

	});

	//Webcam
	if ($("#webcam").length>0) {
		
		reload_webcam();
		
	}
	
	//Kursplan Detail öffnen
	$("div.show_kurs").click(function() {
		
		//alle geöffneten schließen
		$("div.kursplan_kurs_detail").hide();
		
		//Detail mittig positionieren
		var table_width = $("div#layer_kursplan").width();
		var table_height = $("div#layer_kursplan").height();
		
		var pos_left = parseInt(table_width)/2-parseInt($("div#" + $(this).attr("id") + "_detail").width())/2;
		var pos_top = parseInt(table_height)/2-parseInt($("div#" + $(this).attr("id") + "_detail").height())/2;
		
		$("div#" + $(this).attr("id") + "_detail").css("left", pos_left);
		$("div#" + $(this).attr("id") + "_detail").css("top", pos_top);
		
		$("div#" + $(this).attr("id") + "_detail").fadeIn();
		
	});
	
	//Kursplan Detail schließen
	$("img.close").click(function() {
		
		$(this).closest("div.kursplan_kurs_detail").fadeOut();
		
	});
	
	//Kursplan anhand checkboxen einblenden
	function display_kurse() {
		$("input.auswahl_kurs").each(function() {
				
			if ($("div." + $(this).val()).parent()) {
				
				if ($(this).is(":checked")) {
				
					$("div." + $(this).val()).parent().fadeIn();
					
				} else {
					
					$("div." + $(this).val()).parent().fadeOut();
					
				}
				
			}
			
		});	
	}
	
	$("input.auswahl_kurs").change(function() {
		
		display_kurse();
		
	});
	
	//Für IE
	$("input.auswahl_kurs").click(function() {
			
		display_kurse();
		
	});
	
	//beim Start auswählen
	display_kurse();
	
	//alle externen Links kennzeichnen
	$('#root_main a:not(".artikellink")').filter(function() {
		return this.hostname && this.hostname !== location.hostname;		
	}).addClass('external');

	//alle externen Links in Analytics
	$("a.external").click(function(){

		var site = $(this).attr('href');
		site = site.replace("http://", "");

 		track_event("external", site);
 		
	});

});