var speed = 10000;
var narrative;

$(window).bind('load', function()
{
	load_narrative(1, false, speed);
});

function load_narrative(id, fadein)
{
	clearTimeout(narrative);

	if (fadein == true)
	{
		if (id == 1)
		{
			div_hide = 3;
			div_next = 2;
		}
		else if (id == 2)
		{
			div_hide = 1;
			div_next = 3;
		}
		else if (id == 3)
		{
			div_hide = 2;
			div_next = 1;
		}
		
		document.getElementById("blur_left_container").style.background = "url(images/background" + id + "_blur_left.jpg)";
		document.getElementById("carousel_container").style.background = "url(images/background" + div_hide + ".jpg)";
		document.getElementById("blur_right_container").style.background = "url(images/background" + div_next + "_blur_right.jpg)";
	
		$("#carousel" + div_hide).css('display', 'none');
		$("#carousel" + id).fadeIn(2500);
		$("#carousel" + id + " .carousel_box").fadeIn(3500);
		//$("#carousel" + id).show('slide', {queue: 'false'}, {direction: 'left'}, 3000);
		
		$("#blur_left" + id).css('display', 'none');
		$("#blur_left" + div_hide).css('display', 'none');
		$("#blur_left" + div_next).fadeIn(1500);
		
		$("#blur_right" + div_next).css('display', 'none');
		$("#blur_right" + div_hide).fadeIn(1500);
	}
	else
	{
		div_next = 2;
	}
	
	narrative = setTimeout("load_narrative(" + div_next + ", true)", speed);
}