$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#F0F0F0"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $('textarea.text-input').css({backgroundColor:"#FFFFFF"});
  $('textarea.text-input').focus(function(){
    $(this).css({backgroundColor:"#000000"});
  });
  $('textarea.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });
  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var call_name = $("input#call_name").val();
		if (call_name == "Name") {
      $("#call_name_error").show();
      $("input#call_name").focus();
      return false;
    }
	if (call_name == "") {
      $("label#call_name_error").show();
      $("input#call_name").focus();
      return false;
    }
		var call_telno = $("input#call_telno").val();
		if (call_telno == "Tel no.") {
      $("#call_telno_error").show();
      $("input#call_telno").focus();
      return false;
    }
		if (call_telno == "") {
      $("#call_telno_error").show();
      $("input#call_telno").focus();
      return false;
    }
		var call_loc = $("input#call_loc").val();
		if (call_loc == "Location") {
      $("#call_telno_error").show();
	   $("#call_telno_error").html("Please enter a location");

      $("input#call_loc").focus();
      return false;
    }
		if (call_loc == "") {
      $("label#call_loc_error").show();
      $("input#call_loc").focus();
      return false;
    }



	var domtrade = '';
	if(document.getElementById('domtrade1').checked)
	{
	domtrade = $("input#domtrade1").val();
	}else if(document.getElementById('domtrade2').checked)
	{
	domtrade = $("input#domtrade2").val();
	}

		var dataString = 'call_name='+ call_name +'&call_telno=' + call_telno + '&call_loc=' + call_loc + '&domtrade=' + domtrade;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "processCallBack.php",
      data: dataString,
      success: function() {
        $('#call_back').html("<div id='c_message'></div>");
        $('#c_message').html("<h3>Callback Request Submitted! </h3>")
        .append("<p>Thank you for requesting a call back from A1 Skip Hire. One of our team will be in touch shortly.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#c_message').append("<!--<img id='checkmark' src='images/check2.png' />-->");
        });
      }
     });
    return false;
	});
});