$(document).ready(function(){

	$('#menu-detail > ul > li').css('display','none');
	$('#menu-detail > ul > li:first').css('display','block');
	$('#menu-list > ul > li').css('background-color','#4690f9');
	
	$('#menu-list > ul > li').click(function(){

		var scrollPoint = $(document).scrollTop();
		var clickClass = $(this).attr('id');
		
		$('#menu-detail > ul > li').css('display','none');
		$('#menu-detail > ul > li#'+clickClass).fadeIn(1000);
		
		$('#menu-list > ul > li').css('background-color','#4690f9').css('color','#fff');
		$(this).css('background-color','#eff7ff').css('color','#4690f9');
		
		$(document).scrollTop(scrollPoint).scrollLeft(0);
	});
});