// JavaScript Document
$(document).ready(function() { 
         
  		//Append a div with hover class inside the a
			$('#nav li a').append('<div class="hover"><\/div>');
		
		
			$('#nav li a').hover(
				
				//Mouseover, fadeIn the hidden hover class	
				function() {
					
					$(this).children('div').fadeIn('500');	
				
				}, 
			
				//Mouseout, fadeOut the hover class
				function() {
				
					$(this).children('div').fadeOut('500');	
				
			}).click (function () {
			
				//Add selected class if user clicked on it
				$(this).addClass('selected');
				
			}); 	 
	 
	  
	
});



		
			 
Cufon.replace(['h1','h2','h3','li','.highlight', '#nav li a','.button'], {
    hover: true,
	fontFamily: 'harabara'
});
 Cufon.replace(['p','#intro a','#footer'], {
	hover: true, 
	fontFamily: 'arial-rounded' 
});