$(function () {
    $('#navigation li a').append('<SPAN class="hover"></SPAN>');
    $(".hover").css("opacity", "0");
    $('#load').hide();
    $('#navigation li a').hover(
	function () {
	    $(".hover", this).stop().animate({
	        'opacity': 1
	    }, 700, 'easeOutSine');
	},
	function () {
	    $(".hover", this).not("#clicked").stop().animate({
	        'opacity': 0
	    }, 700, 'easeOutQuad')
	})
    $('#navigation li a').click(
	function () {
	    $(".hover").stop().animate({
	        'opacity': 0
	    }, 700, 'easeOutQuad')

	    $(".hover", this).stop().animate({
	        'opacity': 1
	    }, 700, 'easeOutSine')

	    $(".hover").attr("id", "");
        $(".hover", this).attr("id", "clicked");
	   
        var toLoad = $(this).attr('href');
	    loadToContent(toLoad);
	    return false;
	})
});