// JavaScript Document// JavaScript Document

var curPage = 1;
var pageCount = 3;
var divWidth = 400;
var divHeight = 400;
var leftPadding = 10;
var topPadding = 10;
var slideIncrement = 20;
var slideCount;
var isStoryMoving = "false";

function nextPage() {
	if (curPage == pageCount)
	  return;
	if (isStoryMoving == "true")
	  return;
	isStoryMoving = "true";
	curDiv = document.getElementById("story" + curPage);
	curDiv.style.top = "10px";                          //Makes IE happy, otherwise unnecessary
	nextDiv = document.getElementById("story" + (curPage + 1));
	nextDiv.style.top = divHeight + topPadding + "px";
	nextDiv.style.display = "block";
	slideCount = (divHeight) / slideIncrement;
	setTimeout(slideNext, 25);
}

function slideNext() {
	
	  curDiv = document.getElementById("story" + curPage);
	  nextDiv = document.getElementById("story" + (curPage + 1));
		
	  curPos = curDiv.style.top;
		curPos = curPos.substring(0, curPos.indexOf('px'));
		curPos = parseInt(curPos);
		curPos -= slideIncrement;
		curDiv.style.top = curPos + "px";
		
		curPos = nextDiv.style.top;
		curPos = curPos.substring(0, curPos.indexOf('px'));
		curPos = parseInt(curPos);
		curPos -= slideIncrement;
		nextDiv.style.top = curPos + "px";
		
		--slideCount;
		if (slideCount == 0) {
			++curPage;
			curDiv.style.display = "none";
			isStoryMoving = "false";
		}
		else {
			setTimeout(slideNext, 25);
		}
}

function prevPage() {
	if (curPage == 1)
	  return;
	if (isStoryMoving == "true")
	  return;
	isStoryMoving = "true";
	nextDiv = document.getElementById("story" + (curPage - 1));
	
	nextDiv.style.top = (-1 * (divHeight - topPadding)) + "px";
	nextDiv.style.display = "block";
	slideCount = (divHeight) / slideIncrement;
	setTimeout(slidePrev, 25);
}

function slidePrev() {
	
	  curDiv = document.getElementById("story" + curPage);
	  nextDiv = document.getElementById("story" + (curPage - 1));
		
	  curPos = curDiv.style.top;
		curPos = curPos.substring(0, curPos.indexOf('px'));
		curPos = parseInt(curPos);
		curPos += slideIncrement;
		curDiv.style.top = curPos + "px";
		
		curPos = nextDiv.style.top;
		curPos = curPos.substring(0, curPos.indexOf('px'));
		curPos = parseInt(curPos);
		curPos += slideIncrement;
		nextDiv.style.top = curPos + "px";
		
		--slideCount;
		if (slideCount == 0) {
			--curPage;
			curDiv.style.display = "none";
			isStoryMoving = "false";
		}
		else {
			setTimeout(slidePrev, 25);
		}
}