$(document).ready(function() {
//------------------------------------------ Navigation Beginn ------------------------------------------

	$(function(){
		$.slidenav({
			animspeed: 'medium',
			hideonout: 'false'
		});
	});
	
//------------------------------------------ Navigation Ende --------------------------------------------
	
	
//------------------------------------------ Buttons Beginn ---------------------------------------------

	$("#senden").button({icons: {primary: "ui-icon-circle-check"}}).click(function() {
		validiereMiniformular();
		if(!$("#miniformular").valid()) {
			$("#dialogbox_checknichtok").dialog("open");
			return false;
		}
		$.ajax({
		   type:	"POST",
		   url:		"scripts/phpmailer-fe.php",
		   data:	"Telefon="+$("input[name='recallnr']").attr("value")+
					"&Name="+$("input[name='recallname']").attr("value"),
		   success: function(msg){
			 $("#dialogbox_transfer").dialog("close");
			 $("#dialogbox_fertig").dialog("open");
		   }
		});
	});
	
	$("#leeren").button({icons: {primary: "ui-icon-arrowrefresh-1-n"}}).click(function(){
		$("#miniformular input").each(function(){
			$(this).removeClass("ui-state-highlight");
		});
	});
	
//------------------------------------------ Buttons Ende -----------------------------------------------
	
	
//------------------------------------------ Formularvalidierung Beginn ---------------------------------
	//notwendige Handler werden initial festgelegt
	$.validator.setDefaults({
		submitHandler: function() {
			$("#dialogbox_transfer").dialog("open");
		},
		invalidHandler: function(form, validator) {
			$("#unvollstaendig").text(validator.numberOfInvalids() + " Pflichtfelder wurden nicht korrekt ausgef\u00FCllt. Bitte \u00FCberpr\u00FCfen Sie die entsprechend markierten Felder!");
			$("#dialogbox_checknichtok").dialog("open");
		},
		highlight: function(input) {
			$(input).addClass("ui-state-highlight");
		},
		unhighlight: function(input) {
			$(input).removeClass("ui-state-highlight");
		}
	});
	
	//Validierung des Rainbow-Recall-Teasers
	var validiereMiniformular = function() {
		$("#miniformular").validate({
			rules: {
					recallnr: {required: true},
					recallname: {required: true}
					},
					messages: {
								recallnr: " ",
								recallname: " "
					}
		});
	}
//------------------------------------------ Formularvalidierung Ende -----------------------------------
	

//------------------------------------------ Dialogsteuerung Beginn -------------------------------------
	
	//Dialog mit Impressum
	$("#impressum_dialog").dialog({
				autoOpen: false,
				resizable: true,
				draggable: true,
				modal: true,
				width: 500,
				buttons: {
					zur\u00FCck: function() {
						$(this).dialog('close');
					}
				}
	});
	
	//Dialog mit Datenschutzhinweisen
	$("#datenschutz_dialog").dialog({
				autoOpen: false,
				resizable: true,
				draggable: true,
				modal: true,
				width: 900,
				buttons: {
					zur\u00FCck: function() {
						$(this).dialog('close');
					}
				}
	});
	
	//Preloader-Dialog der waehrend der Datenuebertragung angezeit wird
	$("#dialogbox_transfer").dialog({
				modal: true,
				autoOpen: false,
				resizable: false,
				draggable: false,
				closeOnEscape: false,
				open: function() { $(".ui-dialog-titlebar").hide(); },
				width: 220,
				height: 70
	});
	
	//Hinweisdialog nach erfolgreich abgesendetem Formular
	$("#dialogbox_fertig").dialog({
				autoOpen: false,
				resizable: false,
				draggable: true,
				modal: true,
				buttons: {
					Ok: function() {
						$(this).dialog('close');
					}
				}
	});
	
	//Hinweisdialog nach Klick auf Button zur Formularueberpruefung, wenn diese nicht erfolgreich
	$("#dialogbox_checknichtok").dialog({
				autoOpen: false,
				resizable: false,
				draggable: true,
				modal: true,
				position: [500, 200],
				buttons: {
					ok: function() {
						$(this).dialog('close');
					}
				}
	});
	
	// folgende Zeile ist noetig, damit die Buttons innerhalb der Dialoge Icons bekommen
	$('.ui-dialog-buttonpane').find('button:contains("zurück")').css("width", "110px");
	
	$("#impressum").click(function() {
		$("#impressum_dialog").dialog("open");
	});

	$("#datenschutz").click(function() {
		$("#datenschutz_dialog").dialog("open");
	});

//------------------------------------------ Dialogsteuerung Ende ---------------------------------------	
	
});