// JavaScript Document

/* Navigation Animation */
$(function(){  
	// span whose opacity will animate when mouse hovers. 
	$('#navigation li a').append('<span class="hover"></span>');  

	// fix internet explorer rollover bug
	$('#navigation .hover').css("filter","alpha(opacity=00)");

	$('#navigation li a').hover(function() {  
		$('.hover', this).stop().animate({'opacity': 1}, 200,'easeOutSine')
	}, function() {  
		$('.hover', this).stop().animate({'opacity': 0}, 200, 'easeOutQuad')
    })

});