$(function() {

 $('#name').defaultValue('Name');
 $('#email').defaultValue('Email');
 
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  
  $('input[type=text]').focus(function(){
    $(this).css({backgroundColor:"#E1F8F9"});
	$(this).css({color:"#000000"});
	this.value = '';
  });
//handle text area
$('#comments').focus(function(){
    $(this).css({backgroundColor:"#E1F8F9"});
	$(this).css({color:"#000000"});
	this.value = '';
  });
 $('#comments').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
	$(this).css({color:"#ccc"});
	if(this.value == ''){
		this.value = this.defaultValue;
	}
  });

  $('input[type=text]').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
	$(this).css({color:"#ccc"});
	if(this.value == ''){
		this.value = this.defaultValue;
	}
  });

  $("#submitButton").click(function() {
		// validate and process form
		
		var name = $("#name").val();
		if (name == "" || name == 'Name') {
			$("input#name").focus();
			return false;
		}

		var email = $("#email").val();
		if (email == "" || email == 'Email') {
			$("input#email").focus();
			return false;
		}

  
		
		var dataString = 'name='+ name + '&email=' + email + '&artist=' + $("#artist").val() + '&comments=' + $("#comments").val() + '&videoLink=' + $("#videoLink").val();
		//alert (dataString);return false;

		$.ajax({
			type: "POST",
			url: "bin/contactUsForm.php",
			data: dataString,
			success: function() {
				
				$('#contactUsForm').html("<div id='message'></div>");
				$('#message').html("<h2>Enquiry Form Submitted</h2>")
				.append("<p>We will be in touch soon.</p>")
				.hide()
				.fadeIn(1500);
				},
			error: function() {
						alert("failure!");
					}
		 });
		return false;
	});


	
});