$(document).ready(function() { 
	//$('#featured-articles').prepend('<div id="slidehold"><div id="slides"></div></div>');
	imgs = $('#featured-articles ul img.article-img');
	$('#featured-articles #slides').append(imgs);
	$('#content').serialScroll({
		target:'#slidehold',
		items:'#slides > img', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		axis:'x',// The default is 'y' scroll on both ways
		duration:200,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)

		
	});
	imgs.show();

	$('#featured-articles-list li').hover(function() {
		$('.teaser').hide();
		$('#slidehold').trigger( 'goto', [ $("#featured-articles-list li").index(this) ] );
		$(this).find('.teaser').show().css('display', 'block');
	});
	

});