function featured() {
	var articles = $('div#featured > article');
	articles.hide();
	articles.find(':first').show();

	$('#thumbnails li a').click(function () {
		articles.hide();
		articles.filter(this.hash).show();
		$('#thumbnails li a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();
}

function cycle() {
    var counter = 0,
    articles = $('#featured_1, #featured_2, #featured_3');
	links = $('#thumbnails li a[href*="_1"], #thumbnails li a[href*="_2"], #thumbnails li a[href*="_3"]');
	
    function showArticle () {
        articles.hide()
            .filter(function (index) { return index == counter % 3; })
            .toggle();//.fadeToggle('fast', 'linear');
		$('#thumbnails li a').removeClass('selected');
		links.filter(function (index) { return index == counter % 3; })
			.addClass('selected');  
		counter++;
    };

    showArticle();
    setInterval(function () {showArticle();}, 5000);
}

$(document).ready(
	function() {
		featured();
		cycle();
	}
);