/*
## filename: ajax-functions.js
## description: the jquery that handles the ajax calls
*/

$(document).ready( function(){
	
	// Handle the contact form
	$('#sendButton').click( function() {
		var elem = $(this);
		var cName = $('#nameTextBox');
		var cEmail = $('#emailTextBox');
		var cMsg = $('#questionTextArea');
		var statusMsg = $('#contact_status');
		
		elem.val( 'Sending...' );
		statusMsg.removeClass( 'error' ).addClass( 'loading' ).html( "Sending message...Please wait" );
		elem.hide();
		$.ajax({
		   type: "POST",
		   dataType: "json",
		   url: "/default/contact.json",
		   data: "&name="+cName.val()+"&email="+cEmail.val()+"&msg="+cMsg.val(),
		   success: function(msg){
   			if( msg.status == "true" ) {
			    statusMsg.addClass( 'success' ).html( msg.success ).fadeIn( 'slow');
   			} else {
   				statusMsg.addClass( 'error' ).html( msg.error );
   				elem.val( msg.buttontext ).show();
   				$("#nameError").addClass( 'errorMessage' ).html( msg.errorName ).fadeIn( 'slow' );
				$("#emailError").addclass( 'errorMessage' ).html( msg.errorEmail ).fadeIn( 'slow' );
				$("#questionError").addclass( 'errorMessage' ).html( msg.errorQuestion ).fadeIn( 'slow' );
			}
   		}
 		});
		return false;
	});	
});