function slider(){
$('#featured img:first').show().addClass('active');
		$('#headlines div.story:first').addClass('active');	
    	$('#featured img').removeClass('wp-post-image');
    	slide = setInterval(roboslide, 5000);
		$('.story').hover(
			
			function() {
				clearInterval(slide);
				var story = $(this).attr("id");
				
				$(this).stop().addClass('active').animate({backgroundColor: 'white'}, 100).children('p').animate({color:'#333'}, 100).siblings('.featuredlink').animate({color:'green'}, 100);
				
				$("#featured div[id!=" + story + "]").removeClass('active').animate({backgroundColor: '#f4f4f4'}, 100).children('p').animate({color:'#ccc'}, 100).siblings('.featuredlink').animate({color:'#999'}, 100);
				
				$("#featured img[class!=" + story + "]").fadeOut().removeClass('active');
				$("img." + story).addClass('active').fadeIn();
			},
			
			function(){
				slide = setInterval(roboslide, 5000);
			}
		);

    function roboslide(){
	var $active = $('#images .active');
	var $next = ($('#images .active').next().length > 0) ? $('#images .active').next() : $('#images img:first');
	
	$active.fadeOut(function(){
		$active.removeClass('active');
		$next.fadeIn().addClass('active');
	});
	
	var $activestory = $('#headlines .active');
	var $nextstory = ($('#headlines .active').next().length > 0) ? $('#headlines .active').next() : $('#headlines div.story:first');
	$activestory.animate({backgroundColor: '#f4f4f4'},function(){
		$activestory.removeClass('active');
		$nextstory.animate({backgroundColor: 'white'}).addClass('active').children('p').animate({color:'#333'}, 100).siblings('.featuredlink').animate({color:'green'}, 100);
	
      }).children('p').animate({color:'#ccc'}, 100).siblings('.featuredlink').animate({color:'#999'});  	

	}
}