// Preeloading
// start doing things, when dom ist complete
$(document).ready(function() {	
	// append dialogbox
	$("#text").append("<div id='overlay' class='web_dialog_overlay'></div><div id='dialog' class='web_dialog'><div class='web_dialog_titlebox'><span class='web_dialog_titleboxtext'>Kontakt zur Gruppe</span><span class='web_dialog_titlecloselink'><a href='' class='close'>schließen</a></span></div><div class='gruppendialogcontentresponse'></div><div class='gruppendialogcontentform'><p>Wir freuen uns über dein Interesse an unserer Gruppe <span id='gruppenlisteformgruppenname'></span>. Gib hier deinen Namen und deine Emailadresse ein und klicke auf Senden. Wir werden uns dann bei dir melden.</p><form><input type='hidden' name='groupid' value='null' id='webformgroupid'></input><table><tr><th>Name</th><td><input type='input' name='name'></input></td></tr><tr><th>Email</th><td><input type='input' name='email'></input></td></tr><tr><th>Telefon</th><td><input type='input' name='telefon'></input></td></tr><tr><th>Deine Nachricht</th><td><textarea name='nachricht'></textarea></td></tr></table><p><a href='' class='gruppenlistesendlink'>Kontakt aufnehmen</a></p></form></div><p><a href='' class='close'>Fenster schließen</a></p></div>");

	// append show/hide links to every city and hide groups
	$("li.gruppenlistecity > b ").append(" <a class='gruppenlisteshowlink' href='' title='Gruppen dieses Ortes anzeigen'>anzeigen</a>");
	$("li.gruppenlistecity > ul").hide();
	$("a.gruppenlistehidelink").hide();
	
	// append contact link to every group
	$("li.gruppenlistegruppe").children("div.gruppenlistekontakt").append("<a class='gruppenlistegetintouch' href='' title='Kontakt zu dieser Gruppe aufnehmen'>Kontakt zu dieser Gruppe aufnehmen</a>");

	// define the behaviour of show links
	$("li.gruppenlistecity a.gruppenlisteshowlink").click(function(event){
              $("li.gruppenlistecity > ul").hide(500);
              $("li.gruppenlistecity > b a.gruppenlisteshowlink").show();
	      $(this).parent().children(".gruppenlistehidelink").show();
	      $(this).hide();
	      $(this).parent().parent().children("ul").show(500);
	      event.preventDefault();
	});
	
	// define the behaviour of get-in-touch links
	$("a.gruppenlistegetintouch").click(function(event){
              $("#gruppenlisteformgruppenname").html("<i>"+$(this).parent().parent().children("b").html()+"</i>");
$("#webformgroupid").val(($(this).parent().parent().children(".groupid").html()));
      	      $("#overlay").show();
	      $("#dialog").fadeIn(500);
              $(".gruppendialogcontentresponse").hide();
              $(".gruppendialogcontentform").show();
	      event.preventDefault();
	});



	// user may want to close ...
	$(".close").click(function(event){
	      $("#overlay").hide(100);
	      $("#dialog").fadeOut(500);
	      event.preventDefault();
	});
	// user may want to close ...
	$("#btnClose2").click(function(event){
	      $("#overlay").hide();
	      $("#dialog2").fadeOut(500);
	      event.preventDefault();
	});

	// user want's to send form
	$(".gruppenlistesendlink").click(function(event){
	        $(".gruppendialogcontentresponse").html("<p><img src='fileadmin/~najutemplate/javascript/wait26trans.gif'/> Deine Daten werden verschickt &hellip;</p>");
                $(".gruppendialogcontentform").hide(200);
                $(".gruppendialogcontentresponse").show(200);
	
		// did the user all right?
		var inputname = $("#dialog input[name='name']").attr('value');
		var inputgroup = $("#dialog input[name='groupid']").attr('value');
		var inputmail = $("#dialog input[name='email']").attr('value');
		var inputphone = $("#dialog input[name='telefon']").attr('value');
		var inputmsg = $("#dialog textarea[name='nachricht']").val();

		// isOK-flag		
		var isOK = true;

		if(inputname == ""){
			alert("Bitte gib deinen Namen an.");
			isOK = false;
		}
		if(inputmail == "" || inputmail.indexOf("@") == -1){
			alert("Bitte überprüfe nochmals deine Emailadresse.");
			isOK = false;
		}

		if(isOK){
			$.ajax({
				type: 'POST',
				url: "http://www.naju-bayern.de/cms/mailer.php",
				data: "program=gruppenkontakt&name="+inputname+"&email="+inputmail+"&telefon="+inputphone+"&gruppe="+inputgroup+"&nachricht="+inputmsg,
				//url: "http://localhost/naju/najuspielwiese/gruppenliste/neu/mailer.php?program=gruppenkontakt&name="+inputname+"&email="+inputmail+"&telefon="+inputphone+"&gruppe="+inputgroup+"&nachricht="+inputmsg,
				dataType: 'XML',
				error: function(msg){
					$(".gruppendialogcontentresponse").html('<p>Bei der Datenübertragung ist ein schwerer Fehler aufgetreten. Wende dich bitte an das Jugendbüro.</p><p>Vielen Dank für deine Mithilfe.</p>');
				},
				success: function(msg){
					if($(msg).children('status').text() == 'OK'){
						$(".gruppendialogcontentresponse").html('<p>'+$(msg).children('msg').text()+'</p>');
					}else{
						if($(msg).children('status').text() == 'error'){
							$(".gruppendialogcontentresponse").html('<p>Ein Fehler ist aufgetreten:</p><p>'+$(msg).children('msg').text()+'</p>');
						}else{
							$(".gruppendialogcontentresponse").html('<p>Bei der Datenübertragung ist ein schwerer Fehler aufgetreten. Wende dich bitte an das Jugendbüro.</p><p>Vielen Dank für deine Mithilfe.</p>');
						}
					}
				}
	           	});
		}

		event.preventDefault();
	});

});