var activeStory = 0
var activeStoryTimer = 0

$(document).ready(function(){
	

	// register clicks for thumbnails, switches items according to the href
	$("#main_stories_thumbnails a").click(function(){
		
		var href = $(this).attr('href')
		
		$("#main_stories .story-item").hide();

		$(href + "-image").show();
		$(href + "-text").show();

		return false;
		
	});
	
	// stop rotate on mouseover
	$("#main_stories").mouseover(function(){
		clearTimeout ( activeStoryTimer );
	});

	// resume rotate on mouseout
	$("#main_stories").mouseout(function(){
		activeStoryTimer = setInterval( "rotateFrontPageStories()", 3000 );
	});

	// rotate front page story clicks every five seconds
	activeStoryTimer = setInterval( "rotateFrontPageStories()", 3000 );
		
	
});


	function rotateFrontPageStories(){

	$("#story-" + activeStory + "-thumbnail a").trigger('click');

	activeStory++;
	
	if(activeStory == 4){
		activeStory = 0;		
	}
	
}
