$(function() {
	$('#loading').hide();
	$('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"}).fadeTo(0, 0.8);
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#EBF8FF"}).fadeTo(300, 1);
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"}).fadeTo(500, 0.8);
  });
	
	$('select.text-input').css({backgroundColor:"#FFFFFF"}).fadeTo(0, 0.8);
	$('select.text-input').focus(function(){
    $(this).css({backgroundColor:"#EBF8FF"}).fadeTo(300, 1);
  });
  $('select.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"}).fadeTo(500, 0.8);
  });
	
	$('textarea.text-input').css({backgroundColor:"#FFFFFF"}).fadeTo(0, 0.8);
	$('textarea.text-input').focus(function(){
    $(this).css({backgroundColor:"#EBF8FF"}).fadeTo(300, 1);
  });
  $('textarea.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"}).fadeTo(500, 0.8);
  });
// buttoneffekt
	$('.button').css({backgroundColor:"#EBF8FF"}).fadeTo(0, 0.8);
	$('.button').mouseover(function(){
    $(this).css({backgroundColor:"#CAF2FF"}).fadeTo(300, 1);
  });
  $('.button').mouseout(function(){
    $(this).css({backgroundColor:"#EBF8FF"}).fadeTo(500, 0.8);
  });
  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').fadeOut(150);

	  var firma = $("input#firma").val();
		firma = jQuery.trim(firma);
		if (firma == "") {
      $("label#firma_error").fadeIn(150);
      $("input#firma").focus();
      return false;
    }
	  var vorname = $("input#vorname").val();
		vorname = jQuery.trim(vorname);
		if (vorname == "") {
      $("label#vorname_error").fadeIn(150);
      $("input#vorname").focus();
      return false;
    }
		var name = $("input#name").val();
		name = jQuery.trim(name);
		if (name == "") {
      $("label#name_error").fadeIn(150);
      $("input#name").focus();
      return false;
    }
		var telefon = $("input#telefon").val();
		telefon = jQuery.trim(telefon);
		if (telefon == "") {
      $("label#telefon_error").fadeIn(150);
      $("input#telefon").focus();
      return false;
    }
		var email = $("input#email").val();
		email = jQuery.trim(email);
		if (email == "") {
      $("label#email_error").fadeIn(150);
      $("input#email").focus();
      return false;
    }
		var betreff = $("textarea#betreff").val();
		if (betreff == "") {
			betreff = "keine Angabe";
    }
		var mailsubject = $("input#mailsubject").val();

		$('#contact_form').html("<div id='loading'><img src='loader.gif' /></div>");
		
		
		var dataString = 'mailsubject=' + mailsubject + '&name='+ name + '&email=' + email + '&betreff=' + betreff + '&vorname=' + vorname + '&firma=' + firma + '&telefon=' + telefon;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "messeformular/senden.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message' align='center' valign='middle' width='100%' height='438px'></div>");
        $('#message').html("<br /><img id='checkmark' src='images/check.png' /><br /><br />")
				.append("<h2>Ihre Anmeldung wurde erfolgreich verschickt!</h2>")
        .append("<p>Vielen Dank f&uuml;r Ihr Interesse.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message');
				
        });
      }
     });
    return false;
	});
});
runOnLoad(function(){
  $("input#vorname").select().focus();
});