jQuery(document).ready(function(){
	$('#contactform').submit(function(){
	
		var username = $('#name').val();
		var email = $('#email').val();		
		if (username!="" && email!=""){

	
			var action = $(this).attr('action');
			$('#bar').empty();
			$('#bar').append('<div><img src="images/loading.gif" class="loader" /></div>')		
			$('#submit')
	
				.attr('disabled','disabled');
			
			$.post(action, { 
				name: $('#name').val(),
				email: $('#email').val(),
	/*			phone: $('#phone').val(),
				concerning: $('#concerning').val(),
				message: $('#message').val()
	*/			
			},
				function(data){
	
					$('#contactform #submit').attr('disabled','');
					$('.response').remove();
					$('#contactform').before('<span class="response">'+data+'</span>');
					$('.response').slideDown();
					//$('#bar img.loader').fadeOut(500,function(){$(this).remove()});
					$('#contactform').hide();				
					if(data=='Message sent!') $('#contactform').slideUp();
				}
			);
			

		}
		else {
			$('#bar').empty();
			$('#bar').append('<div><p>Please fill the required fields</p></div>');
			
		}
		return false;
	});
	
});