
/******************** EMAIL FORM ACTION ****************************/



var formAttributes = new Array("formname", "formemail", "formmessage");
var formAttributesValue = new Array("Name", "Email", "Nachricht")


function initEmailForm(){	
	for (var i = 0; i < formAttributes.length; i++) {		
		//add EventListener
		$('#' + formAttributes[i]).mouseup(function(e){
			contactboxCheckForReset(e.target.id);
			$(document).bind('mousedown.slide', function(e){
				$(document).unbind('mousedown.slide');
				contactboxCheckForReset();
			});
		});
	}
	
	$(".btn p").click(function(){
		window.location = $(this).find("a").attr("href");
		return false;
	});
}


function contactboxCheckForReset(target)
{
	for(var t = 0; t < formAttributes.length; t++)
	{
		if(document.getElementById(formAttributes[t]).value == "" ||
			document.getElementById(formAttributes[t]).value == " " ||
			document.getElementById(formAttributes[t]).value == formAttributesValue[t])
			{
				if(target == document.getElementById(formAttributes[t]).id) document.getElementById(formAttributes[t]).value = "";
				else document.getElementById(formAttributes[t]).value = formAttributesValue[t];
			}
	}
}

function sendMessage()
{
	//Daten von den HTML Feldern in JS-Vars übersetzen
	var name = $('input[id=formname]');
	var email = $('input[id=formemail]');
	var message = $('textarea[id=formmessage]');
 
	//die Daten sollen per GET an das PHP Skript weitergeleitet werden  
	var dataString = 'name=' + name.val() + '&email=' + email.val() + '&message='  + encodeURIComponent(message.val());
	
	$.ajax({
		url: "assets/mail.php",
		type: "GET",		
		data: dataString,
		success: function () {
				$('#contactform').hide("fast", function(){
					$('#contactform').html("<p>Vielen Dank f&uuml;r deine Nachricht!</p>")
					$('#contactform').show("fast")
				})
				
				//alert('Vielen Dank!\nNachricht gesendet!');
		}
	});
}
