$(document).ready(function(){
	var currentactive = 0;
	var stories = $(".storyboard_item").length;
	var slidetimer;
	var images = new Array($(".storyboard_image"));
	var milliseconds;
	if(stories > 1){
		milliseconds = parseInt($(".storyboard_item").eq(currentactive).find("input[name=display]").val());
		if(isNaN(milliseconds)){
			milliseconds = 15000;
		}
		slidetimer = setTimeout(function(){setstory(1)}, milliseconds);
	}

	$(".storyboard_item").click(function(){
		setstory(parseInt($(this).find("input[name=index]").val()));
		return false;
	});

	$(".storyboard_nav_up").click(function(){
		nextindex = currentactive - 1;
		if(nextindex < 0){
			nextindex = stories - 1;
		}
		setstory(nextindex);
		return false;
	});

	$(".storyboard_nav_down").click(function(){
		nextindex = currentactive + 1;
		if(nextindex == stories){
			nextindex = 0;
		}
		setstory(nextindex);
		return false;
	});

	$(".storyboard_image").live("click", function(){
		window.location.href = $(".storyboard_slide").find(".button_20px").attr("href");
		return false;
	});

	function setstory(newindex){
		if(slidetimer != undefined){
			clearTimeout(slidetimer);
		}
		if(newindex == currentactive){
			return false;
		}
		if(stories > 6){
			$(".storyboard_item").hide();
			if(newindex == 0 || newindex == 1 || newindex == 2){
				$(".storyboard_item").eq(0).show();
				$(".storyboard_item").eq(1).show();
				$(".storyboard_item").eq(2).show();
				$(".storyboard_item").eq(3).show();
				$(".storyboard_item").eq(4).show();
				$(".storyboard_item").eq(5).show();
			}
			else if((newindex + 3) >= stories){
				$(".storyboard_item").eq(stories - 6).show();
				$(".storyboard_item").eq(stories - 5).show();
				$(".storyboard_item").eq(stories - 4).show();
				$(".storyboard_item").eq(stories - 3).show();
				$(".storyboard_item").eq(stories - 2).show();
				$(".storyboard_item").eq(stories - 1).show();
			}
			else{
				$(".storyboard_item").eq(newindex - 2).show();
				$(".storyboard_item").eq(newindex - 1).show();
				$(".storyboard_item").eq(newindex).show();
				$(".storyboard_item").eq(newindex + 1).show();
				$(".storyboard_item").eq(newindex + 2).show();
				$(".storyboard_item").eq(newindex + 3).show();
			}
		}
		$(".storyboard_item").eq(currentactive).find(".story_selected").hide();
		$(".storyboard_item").eq(newindex).find(".story_selected").show();
		$(".storyboard_item").eq(currentactive).find("span").css("color", $(".storyboard_slide").find("input[name=storyboard_passive]").val());
		$(".storyboard_item").eq(newindex).find("span").css("color", $(".storyboard_slide").find("input[name=storyboard_active]").val());

		$(".storyboard_headline").html($(".storyboard_item").eq(newindex).find("input[name=text]").val());
		$(".storyboard_maintext").html(nl2br($(".storyboard_item").eq(newindex).find("input[name=maintext]").val(),true));
		$(".storyboard_slide").find(".button_20px span").html($(".storyboard_item").eq(newindex).find("input[name=linktext]").val());
		$(".storyboard_slide").find(".button_20px").attr("href", $(".storyboard_item").eq(newindex).find("input[name=link]").val());

		if(images[newindex] == undefined){
			var clone = images[0].clone();
			clone.attr("src", $(".storyboard_item").eq(newindex).find("input[name=image]").val());
			clone.attr("alt", $(".storyboard_item").eq(newindex).find("input[name=text]").val());
			images[newindex] = clone;
			clone.appendTo($(".storyboard_imageclick"));
		}
		images[currentactive].fadeOut(100);
		images[newindex].fadeIn(100);

		currentactive = newindex;
		var nextindex = currentactive + 1;
		if(nextindex == stories){
			nextindex = 0;
		}
		milliseconds = parseInt($(".storyboard_item").eq(currentactive).find("input[name=display]").val());
		if(isNaN(milliseconds)){
			milliseconds = 15000;
		}
		slidetimer = setTimeout(function(){setstory(nextindex)}, milliseconds);
	}
});