$(document).ready(function(){ 
		/* add hover states on all nav items and set opacity to 0 (ie, not shown) */
		$('#navigation li a').append('<span class="hover"></span>')
		$('.hover', this).stop().animate({ 'opacity': 0 }, 0)
		
		$('#navigation li a').hover(function() {
			// Stuff that happens when you hover on + the stop()
			$('.hover', this).stop().animate({
				'opacity': 1
			}, 700, 'easeOutSine')
		},function() {
			// Stuff that happens when you unhover + the stop()
			$('.hover', this).stop().animate({
				'opacity': 0
			}, 500, 'easeOutSine')
		})
		
		// Body .safari class
		if ($.browser.safari) $('body').addClass('safari');
		$('body').addClass('mocha');
	});