jQuery(document).ready(function(){
			
			$('form#contactform').submit(function(){
			
				var action = $(this).attr('action');
				
				$('#submit')
					.before('<img src="../images/loading.gif" class="loader"  alt=""/>')
					.attr('disabled','disabled');
				
				$.post(action, { 
					name: $('#name').val(),
					email: $('#email').val(),
					phone: $('#phone').val(),
					concerning: $('#concerning').val(),
					message: $('#message').val()
				},
					function(data){
						$('form#contactform #submit').attr('disabled','');
						$('.response').remove();
						$('#contactform').before('<span class="response">'+data+'</span>');
						$('.response').slideDown();
						$('#contactform img.loader').fadeOut(1000,function(){$(this).remove()});
						if(data=='Your Message sent!') $('#contactform').fadeOut("slow");

					}
				);
				
				return false;
			
			});
			
		});
		
		
		
		
		//history
 $(function(){
    $('#reset').click(function(){
         // Make it so when the zucchini element is clicked
         // We go to the state: /zucchini
         // We do this rather than setting the href="#/zucchini" as the element by be a DIV not a A
         $.History.go('/home');
     });
 });
  $(function(){
    $('#experience').click(function(){
         $.History.go('/experience');
     });
 });
  $(function(){
    $('#project').click(function(){
         $.History.go('/portfolio');
     });
 });
   $(function(){
    $('#contact').click(function(){
         $.History.go('/contact');
     });
 });
   $(function(){
    $('#bios').click(function(){
         $.History.trigger('/bios');
     });
 });
    $(function(){
    $('#inspiration').click(function(){
         $.History.go('/inspiration.html');
     });
 });