function fadeCurrent() {
		var index = $('#menu li.selected').index()+1;
		/* Show Current */
		$('#menu li.selected .hover').stop().animate({'opacity': 1}, 700,'easeOutSine');
		$("#topimg_"+index).find("img").stop().animate({'opacity': 1}, 700,'easeOutSine');
	}	

	
	function overMen() {
		var index = $(this).index()+1;
		/* Fade out current */
		$('#topimg div').find("img").stop().animate({'opacity': 0}, 700,'easeOutQuad');
		$('#menu li .hover').stop().animate({'opacity': 0}, 700,'easeOutQuad');

		$("#topimg_"+index).find("img").stop().animate({'opacity': 1}, 700,'easeOutSine');  	
		$('.hover', this).stop().animate({'opacity': 1}, 700,'easeOutSine')	;
	}
	
	function outMen() {
		if($(this).hasClass('selected')) {
		
		} else {
			var index = $(this).index()+1;
			$("#topimg_"+index).find("img").animate({'opacity': 0}, 700,'easeOutQuad');
			$('.hover', this).animate({'opacity': 0}, 300,'easeOutQuad');
			fadeCurrent();
		}
	}


$(document).ready(function() {
    
    $('#menu li').append('<span class="hover"></span>');  
	
	var index = $('#menu li.selected').index()+1;
	/* Show Current */
	$('#menu li.selected .hover').css({'opacity': 1});
	$("#topimg_"+index).find("img").css({'opacity': 1});

		
	
	$("#menu li").bind("hover", { speed:00, delay:0 }, overMen);
	$("#menu li").bind("hoverend", { speed:0, delay:0 }, outMen);


});