function clearField(field, defaultValue, className)
{
  // when field has the focus and the field's value equals defaultValue, clear the field and remove CSS style
 
  var myField = $(field);
  if(myField.val() == defaultValue) {
  	myField.val('');
  	myField.removeClass(className);
  }
}

function checkFieldValue(field, defaultValue, className)
{
  var myField = $(field);
  if($.trim(myField.val()) == '') {
    myField.val(defaultValue);
  }
  
  if(myField.val() == defaultValue)
    myField.addClass(className);
  else
    myField.removeClass(className);
}

function ajaxSuccess(data) {
    $('#loader').css('display', 'none');
    if (data != null) {
        if (data.success != true) {
            var msg = '';
            for (var i = 0; i < data.messages.length; i++)
                msg = msg + '<li>' + data.messages[i] + '</li>';
            var list = '<ul>' + msg + '</ul>';
            $('#loader').css('display', 'none');
            $('#messages').empty();
            $('#messages').removeClass('error');
            $('#messages').append(list);
            $('#messages').addClass('error');
        }
        else {
            var form = $('#submit_contact');
            var thanks = '<p>Thank you for your inquiry.</p><p>We will be contacting you shortly</p>';
            var div = '<div class="thanks">' + thanks + '</div>';
            $(div).replaceAll(form);
        }

    }
}


function return_form() {
    $('#loader').css('display', 'block');
	var name = $('#name').val();
	var email = $('#email').val();
	var comments = $('#comments').val();

	value = { name: name, email: email, comments: comments };
	
	$.getJSON('/ProcessContact.ashx', value, ajaxSuccess);
	
}


$(function(){
	$('#submit_contact').submit(return_form);
	$('#submit').click(return_form);
	
	// Event handlers
	// Name field
	$('#name').blur(function(){ checkFieldValue(this, 'Name', 'hint'); });
	$('#name').focus(function() { clearField(this, 'Name', 'hint'); });
	
	// Email field
	$('#email').blur(function(){ checkFieldValue(this, 'Email Address', 'hint'); });
	$('#email').focus(function() { clearField(this, 'Email Address', 'hint'); });
	
	// Comments field
	$('#comments').blur(function() { checkFieldValue(this, 'Comments', 'hint'); });
	$('#comments').focus(function() { clearField(this, 'Comments', 'hint'); });
			  
});