(function($) {
	$(function() {
		$(".trainingTicketing .book").click(function() {
			var trainingDiv = $(this).closest("li.training");
			showTrainingForm(trainingDiv);
		});

		$(".trainingTicketing .bookTrainingForm").click(function() {
			var trainingLi = $(this).closest("li.training");
			hideFormAndShowConfirmationText(trainingLi);
			sendFormData(trainingLi);
			clearFormData(trainingLi);
		});

		function sendFormData(bookingForm) {
			var formData = {
				kursTyp : bookingForm.find("input[name=kursTyp]").val(),
				kursName : bookingForm.find("input[name=kursName]").val(),
				kursbeginn : bookingForm.find("input[name=kursbeginn]").val(),
				kursende : bookingForm.find("input[name=kursende]").val(),
				kundenEmail : bookingForm.find("input[name=kundenEmail]").val(),
				kundenName : bookingForm.find("input[name=kundenName]").val(),
				kundeFirma : bookingForm.find("input[name=kundeFirma]").val(),
				kundeStrasse : bookingForm.find("input[name=kundeStrasse]").val(),
				kundeOrt : bookingForm.find("input[name=kundeOrt]").val(),
				kundeNachricht : bookingForm.find("textarea[name=kundeNachricht]").val()
			};
			
			$.post("/apps/training/book", formData);
		}
		
		function clearFormData(bookingForm)
		{
			bookingForm.find("input[name=kundenEmail]").val("");
			bookingForm.find("input[name=kundenName]").val("");
			bookingForm.find("input[name=kundeFirma]").val("");
			bookingForm.find("input[name=kundeStrasse]").val("");
			bookingForm.find("input[name=kundeOrt]").val("");
			bookingForm.find("textarea[name=kundeNachricht]").val("");
		}

		function showTrainingForm(trainingLi) {
			$(".trainingTicketing div.bookingForm:visible").slideUp();
			$(".trainingTicketing div.confimationText:visible").slideUp();

			var bookingForm = trainingLi.find(".bookingForm");
			bookingForm.slideDown();
		}

		function hideFormAndShowConfirmationText(trainingLi) {
			var confirmationText = trainingLi.find(".confimationText");
			var bookingForm = trainingLi.parent().find(".bookingForm");
			bookingForm.slideUp("500", function() {
				confirmationText.show();
			});
		}

	});

})($CQ || $);