//we will add our javascript code here 
		var timeout;
		var removeMsg = function(){
			//jQuery('#note').css('display','none');
			jQuery('#note').fadeOut(400);
			window.clearTimeout(timeout);
			jQuery("#fields").show();
		};
		jQuery(document).ready(function(){
			jQuery("#ajax-contact-form").submit(function(){
				//alert('made it');
				var str = jQuery(this).serialize();
				jQuery.ajax({
					type: "POST",
					url: "contact.php",
					data: str,
					success: function(msg){
						
						jQuery("#note").ajaxComplete(function(event, request, settings){
								jQuery('#note').css('display','block');
								//jQuery('#note').fadeIn(400);
							
							if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
							{
								//result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';	
								result = '<div class="notification_ok"><p><strong>Thank You!</strong>Your message has been sent and we will be in touch soon.</p></div>';
								// clear the form fields
								
								//jQuery(':input','#fields')
								/*
								jQuery(':input','#ajax-contact-form')
								 .not(':button, :submit, :reset, :hidden')
								 .val('')
								 .removeAttr('checked')
								 .removeAttr('selected');
								 */
								 // restore the original form values
								jQuery('#ajax-contact-form')[0].reset();
								
								jQuery("#fields").hide();
								window.setTimeout(removeMsg,4000);								 
							}
							else
							{
								result = msg;
								jQuery("#fields").hide();
								// fade in the error message
								//jQuery(this).fadeIn(1000, function() {
									// Animation complete.
								timeout = window.setTimeout(removeMsg,4000);
								//});
							}
							jQuery(this).html(result);
						});
					}
				});
				return false;
			});
		});