$(document).ready(function(){
	$('#featured .menu li').click(function(){
		$(this).parent().children('li').removeClass('active');
		
		var iIndex = $(this).parent().children('li').index($(this));
		switchContent(iIndex);
		$(this).addClass('active');
	})
});

function switchContent(iIndex)
{
		$('#featured .descriptions .active')
		.animate({opacity:0},200,function(){
			$(this).removeClass('active').css({display:'none'});
			//animate new text
			$('#featured .descriptions li:eq('+iIndex+')')
				.css({opacity:0,display:'block'})
				.animate({opacity:1},200,function(){
					$(this).addClass('active');
					//animate image
					$('#featured .images .active')
						.css({'z-index':8})
						.animate({},500,function(){
							$(this).removeClass('active').css({right:'-2px'});
					});
					$('#featured .images li:eq('+iIndex+')')
						.css({'z-index':9,display:'block'})
						.animate({},1000,function(){
							$(this).addClass('active');
					});
				});
		});
	
}