$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });
  
  $('textarea.text-comment').css({backgroundColor:"#FFFFFF"});
  $('textarea.text-comment').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('textarea.text-comment').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });
  
  $(".btnmailto").click(function() {
  	var id = $(this).attr('id');
  	$('.error').hide();
  	
  	var fromemail 	= $("input#fromMail" + id).val();
  	var toemail 	= $("input#toMail" + id).val();
	
	if (fromemail == "" || fromemail == "Bitte ausfüllen") {
    	$("input#fromMail" + id).val('Bitte ausfüllen');
    	$("input#fromMail" + id).focus();
    	return false;
    }
    
	if (toemail == "" || toemail == "Bitte ausfüllen") {
    	$("input#toMail" + id).val('Bitte ausfüllen');
    	$("input#toMail" + id).focus();
    	return false;
    }
  });

  $(".button").click(function() {
  	var id = $(this).attr('id');
		// validate and process form
		// first hide any error messages
    $('.error').hide();
    
    	var accname = $("input#accname" + id).val();
    	var accmail = $("input#accemail" + id).val();
    	var accoffer = $("input#accoffer" + id).val();
    	var opening = $("select#opening" + id).val();
    	var firstname = $("input#firstname" + id).val();
    	var surname = $("input#surname" + id).val();
    	var phone = $("input#phone" + id).val();
    	var street = $("input#street" + id).val();
    	var zip = $("input#zip" + id).val();
    	var town = $("input#town" + id).val();
    	
    	var arrivaldate = $("input#arrivaldate" + id).val();
    	var departuredate = $("input#departuredate" + id).val();
    	var comments = $("textarea#comments" + id).val();
    	
		var email = $("input#email" + id).val();
		if (email == "" || email == "Bitte ausfüllen") {
      		$("input#email" + id).val('Bitte ausfüllen');
      		$("input#email" + id).focus();
      		return false;
    	}
    	
    	var pax = $("input#pax" + id).val();
    	if (pax == "" || pax == "Bitte ausfüllen") {
      		$("input#pax" + id).val('');
      		$("input#pax" + id).focus();
      		return false;
    	}
    	
    	var dataString = 'accname=' + escape(accname) + '&accmail=' + accmail + '&accoffer=' + accoffer + '&opening=' + opening + '&firstname=' + escape(firstname) + '&surname=' + escape(surname) + '&email=' + email + '&phone=' + phone + '&street=' + escape(street) + '&zip=' + zip + '&town=' + escape(town) + '&pax=' + pax + '&arrivaldate=' + escape(arrivaldate) + '&departuredate=' + escape(departuredate) + '&comments=' + escape(comments);
		//var dataString = 'email=' + email;
		//alert (dataString);return false;
		
		var googleConversion = '<!-- Google Code for Anfrage Conversion Page --><script type="text/javascript"><!--var google_conversion_id = 1021633878;var google_conversion_language = "de";var google_conversion_format = "1";var google_conversion_color = "ffffff";var google_conversion_label = "I9nyCOLkqwEQ1sqT5wM";var google_conversion_value = 0;//--></script><script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js"></script><noscript><div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1021633878/?label=I9nyCOLkqwEQ1sqT5wM&amp;guid=ON&amp;script=0"/></div></noscript>';
		var googleConversion2 = '<!-- Google Code for Anfrage Conversion Page --><div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1021633878/?label=I9nyCOLkqwEQ1sqT5wM&amp;guid=ON&amp;script=0"/></div>';
		
		$.ajax({
      		type: "POST",
      		url: "lib/sendform.php",
      		data: dataString,
      		success: function() {
        		$('#accAnfrage' + id).html('<div id="message"></div>');
        		$('#accAnfrage2' + id).html('<div id="message"></div>');
        		$('#message').html("<h3 class=\"enquiry\">Anfrage</h3>")
        		.append("<div class=\"innerContentEnqLeft\"><strong>Vielen Dank für Ihre Anfrage!</strong><br />Sie erhalten in Kürze eine Antwort." + googleConversion + "</div>")
        		.hide()
        		.fadeIn(1500, function() {
          			$('#message').append("");
        		});
      		}
     	});
    return false;
	});
});