$(document).ready(function() {
	
	var expanded = false;
	
	// Expand / Collapse Panel
	$("#open").click(function () {
		if (expanded)
		{
			$("div#panel").slideUp("slow");
			expanded = false;
		}
		else
		{
			$("div#panel").slideDown("slow");
			expanded = true;
		}
	});

  //click event für cancel button
  $('#cancel').click(function () {
	  $("div#panel").slideUp("slow");
	  expanded = false;
  });

  //click event für submit button
  $('#submit').click(function () {
 
	  //Daten von den HTML Feldern in JS-Vars übersetzen
	  var name 		= $('input[name=name]');
	  var email 	= $('input[name=email]');
	  var comment 	= $('textarea[name=kommentar]');
	  var typ 		= $('select[name=typ]');
	  var seite 	= $('input[name=seite]');
	  var emailReg 	= /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	  
	  //Browser Version ermitteln
	  var browser   = "";
	  
	  if($.browser.webkit)			{browser = "Webkit " + $.browser.version;}
	  else if($.browser.safari) 	{browser = "Safari " + $.browser.version;}
	  else if($.browser.opera) 		{browser = "Opera " + $.browser.version;}
	  else if($.browser.msie) 		{browser = "MSIE " + $.browser.version;}
	  else if($.browser.mozilla) 	{browser = "Mozilla " + $.browser.version;}
	  
	  
	  //Überprüfung ob die Felder ausgefüllt sind
	  if (name.val() == '')
	  	document.getElementById('name').style.backgroundColor 		= '#EDBE9C';
	  else
	    document.getElementById('name').style.backgroundColor		= '#FFFFFF';
	  if (email.val() == '' || !emailReg.test(email.val()))
	  	document.getElementById('email').style.backgroundColor 		= '#EDBE9C';
	  else
	    document.getElementById('email').style.backgroundColor		= '#FFFFFF';
	  if (comment.val() == '')
	  	document.getElementById('kommentar').style.backgroundColor 	= '#EDBE9C';
	  else
	    document.getElementById('kommentar').style.backgroundColor	= '#FFFFFF';
	  if (typ.val() == '' || typ.val() == 'Typ')
	  	document.getElementById('typ').style.backgroundColor 		= '#EDBE9C';
	  else
	    document.getElementById('typ').style.backgroundColor		= '#FFFFFF';
	  
	  if (name.val() != '' && email.val() != '' && typ.val() != '' && typ.val() != 'Typ' && seite.val() != '' && comment.val() != '' && emailReg.test(email.val()) )
	  {
		  var data = 'name=' + name.val()  + '&email=' + email.val() + '&browser=' + browser  + '&typ=' + typ.val()  + '&site=' + seite.val() + '&kommentar='  + encodeURIComponent(comment.val());
		  
		  $('.text').attr('disabled','false');
	  
	  	  $('.loading_icon').show();
	  
		  $.ajax({
			  url: "../feedback/sendFeedback.php",
			  type: "POST",
			  data: data,
			  success: function (reqCode) 
			  {	
				if (reqCode==1) 
				{
					setTimeout("$(\"#open\").click()",3000);  
					$('.myForm').fadeOut('slow');
					$('.loading_icon').hide();
					$('.done').fadeIn('slow');
					
					
				}
				else
				{
					$('.error').fadeIn('slow');
					//alert('Fehler beim Abschicken des Formulares. -> ' + reqCode);
					$('.loading_icon').hide();
				}
			}
		});
	  }
		return false;
	});
});