$(document).ready(function(){

	// Verstecke alle Elemente on load
	$("#start-conversion").hide();
	$("#kurse-conversion").hide();
	$("#termine-conversion").hide();
	$("#kontakt-conversion").hide();
	$("#konzept-conversion").hide();

	// Slide das entsprechende Elemente herunter
	$("#start-conversion").slideDown("slow");
	$("#kurse-conversion").slideDown("slow");
	$("#termine-conversion").slideDown("slow");
	$("#kontakt-conversion").slideDown("slow");
	$("#konzept-conversion").slideDown("slow");
	
	// Styling der Kursinfos
	$("#main > table > tbody > tr > td").mouseover(function(){
		if($(this).html()!=" ") { // Falls Tabellenzelle nicht leer ist
			$(this).css("background-color","#CCCCCC");
			$(this).css("cursor","pointer");
		}
	});
	$("#main > table > tbody > tr > td").mouseout(function(){
		if($(this).html()!=" ") { // Falls Tabellenzelle nicht leer ist
			$(this).css("background-color","#EEEEEE");
			$(this).css("cursor","auto");
		}
	});				
	
	// Funktion zum Uebertragen der Kursinfos in das Kontaktformular
	$("#main > table > tbody > tr > td").click(function(){
		if($(this).html()!=" ") { // Falls Tabellenzelle nicht leer ist
			$(this).css("background-color","#CCCCCC");
			$(this).css("cursor","pointer");
			
			// Wandle br in n um. replaceAll wollte nicht funktionieren, daher for-Schleife als dirty Workaround
			$messagecontents = $(this).html();
			for (var i=0; i<=12; i++) {
				$messagecontents = $messagecontents.replace('<br>', '\n');
				$messagecontents = $messagecontents.replace('<br />', '\n');
			}
			
			// RegExe nun verbliebene HTML-Tags da raus
			var re = /<\S[^>]*>/g;
			$messagecontents = $messagecontents.replace(re,"");
			 			
			$("#message").val('Liebe Frau Hinkes!\n\nHiermit möchte ich mich bei folgendem Kursangebot anmelden:\n\n' + $messagecontents + '\n\n');
			
			window.location = "#formular"; // Fokus auf das Anmeldeformular
		}
	});
	
	// FORM VALIDATION
	
	// validate signup form on keyup and submit
	$("#kontaktformularform").validate({
		rules: {
			from_name: {
				required: true,
			},
			from_mail: {
				required: true,
				email: true
			},
			from_tel: {
				required: true,
			}
		},
		messages: {
			from_name: "&laquo; Bitte tragen Sie hier Ihren vollen Namen ein",
			from_mail: "&laquo; Bitte tragen Sie hier Ihre eMail-Adresse ein!",
			from_tel: "&laquo; Bitte tragen Sie hier Ihre Telefonnummer ein!"

		}
	});

});

$().ready(function() {
	
});