$(function() {

	$('ul#stories').css("height", "26.875em");
	$('#stories li').css({
		position: 'absolute',
		top: '0',
		left: '0'
	});
	$('#toc li:first').addClass('selected');
	$('li.selected img').css("border-color", "#324d84");
	$('div.caption h2.second').css("background-color", "#207bc1");
	$('div.caption h2.third').css("background-color", "#324d84");
	$('div.caption h2.fourth').css("background-color", "#207bc1");
	
	var options = {
		slideChange : function(currentIndex) {
			if (currentIndex == 0) {
				var colour = '#324d84';
			} else if (currentIndex == 1) {
				var colour = '#207bc1';
			} else if (currentIndex == 2) {
				var colour = '#324d84';
			} else if (currentIndex == 3) {
				var colour = '#207bc1';
			}			
			$('li.selected img').css("border-color", "#ffffff");
			$('#toc li.selected').removeClass('selected');
			$('#toc li:eq('+ currentIndex +')').addClass('selected');
			$('li.selected img').css("border-color", colour);					
		},
		slideType : 'fade',
		maxZIndex : '10'
	};
	
	$('ul#stories li').dumbCrossFade(options);
		
	$("#toc li").hoverIntent (hovering, unhovering);

	function hovering() {
		var tocIndex = $(this).index();
		$('ul#stories li').dumbCrossFade('jump', tocIndex);
	};
	
	function unhovering() {
	};
	
});