// JavaScript Document

 $(document).ready(function(){

   /* $("#about_button").click(function(){
      $("#about_button").animate({ 
        left: "300px",
      }, 1000 );
    });*/
   
  $expandstate = 0;
   
	$('#contactbutton').click(function(event) {			  

		if ($expandstate == 0)
		{
			$('#contact')
				.animate(
				{ top: -30 }, {
				duration: 'slow',
				easing: 'easeOutBack'
				});
			$('#contactbutton').attr("src","images/kontakt3.png");
	
			$expandstate = 1;
		} else {
			$('#contact')
				.animate(
				{ top: -277 }, {
				duration: 'slow',
				easing: 'easeOutBack'
				});
				
				$('#contactbutton').attr("src","images/kontakt2.png");
	
			$expandstate = 0;			
		}
 	});
	
	$('#submit_button').click(function(event) {	
																   

		$('#sLoader').css("display","block");	
		$('#submit_button').css("display","none");
		$("#received").css("display","none");	

	
		$.post("mail.php", { name: document.getElementById('name').value, telefon: document.getElementById('telefon').value, email: document.getElementById('email').value, nachricht: document.getElementById('nachricht').value}, function(data){
		
			$('#sLoader').css("display","none");	
			$('#submit_button').css("display","block");
		
			document.getElementById("received").firstChild.nodeValue = unescape(data);
			
			if (data == "Wir haben deine Anfrage erhalten. Vielen Dank und hoffentlich bis bald!")
			{
				$("#received").css("color","#ffffff");
				document.getElementById('name').value = "";
				document.getElementById('telefon').value = "";
				document.getElementById('email').value = "";
				document.getElementById('nachricht').value = "";
			}
			
			$("#received").fadeIn("slow");		

		});	
	
	});		
	
 

//$.post("mail.php", { name: "John", time: "2pm" } );





 });