var currentPar;
var currentParCounter;
var totalPars;

function startTutorial()
{
	init();
	document.getElementById("start_link").style.display = "inline";

	var URLHolder = document.getElementById("tutorialURL");
	URLHolder.style.display="none";
	var targetURL = URLHolder.getElementsByTagName("a")
	document.getElementById("tutorialContentWrapper").className="tutorialLeft";
	document.getElementById("myIFrame").src=targetURL[0].getAttribute("href");
	document.getElementById("myIFrame").className="tutorialIFrame";

	var myDivs = document.getElementById("tutorialContent").getElementsByTagName("div");

	totalPars = myDivs.length-1;
	for(var a = 1; a < totalPars+1; a++)
	{
		if(myDivs[a].id != "bubbleMessageContainer" && myDivs[a].id != "bubbleMessage" && myDivs[a].id != "bubbleMessageText")
			myDivs[a].style.display = "none";
	}

   /*********************************************
	* DO NOT CHANGE THE SETTING BELOW. IT WILL
	* BREAK THE TUTORIAL!
	*********************************************/
	document.getElementById("topArrows").style.display = "block";
	document.getElementById("bottomArrows").style.display = "block";

	document.getElementById("bottomPrevArrow").style.visibility = "hidden";
	document.getElementById("topPrevArrow").style.visibility = "hidden";

	showPar();
}

function showPar(direction)
{
	if(currentPar == null)
	{
		currentPar = document.getElementById("firstPar");
		currentPar.style.display = "block";
		currentParCounter = 1;
	}
	else
	{
		var nextPar = getNextPar(direction);
		if(nextPar != currentPar && nextPar != null)
		{
			nextPar.style.display = "block";
			currentPar.style.display = "none";
			currentPar = nextPar;
		}
	}

	checkArrows();
}

function getNextPar(direction)
{
	if(direction < 0 && currentPar.id != "firstPar")
	{
		currentParCounter--;
		if(isIE)
			if(currentParCounter == 1)
				return currentPar.previousSibling.previousSibling;
			else
				return currentPar.previousSibling;
			
		else
			if(currentParCounter == 1)
				return currentPar.previousSibling.previousSibling.previousSibling.previousSibling;
			else
				return currentPar.previousSibling.previousSibling;
	}
	else if(currentParCounter < totalPars)
	{
		currentParCounter++;
		if(isIE)
		{
			if(currentPar.id == "firstPar")
				return currentPar.nextSibling.nextSibling;
			else
				return currentPar.nextSibling;
		}
		else
		{
			if(currentPar.id == "firstPar")
				return currentPar.nextSibling.nextSibling.nextSibling.nextSibling;
			else
				return currentPar.nextSibling.nextSibling;
		}
	}
	else
	{
		return currentPar;
	}
}

function checkArrows()
{
	if(currentParCounter >= totalPars)
	{
		document.getElementById("bottomNextArrow").style.visibility = "hidden";
		document.getElementById("topNextArrow").style.visibility = "hidden";
	}
	else
	{
		document.getElementById("bottomNextArrow").style.visibility = "visible";
		document.getElementById("topNextArrow").style.visibility = "visible";
	}

	if(currentPar.id == "firstPar")
	{
		document.getElementById("topPrevArrow").style.visibility = "hidden";
		document.getElementById("bottomPrevArrow").style.visibility = "hidden";

	}
	else
	{
		document.getElementById("topPrevArrow").style.visibility = "visible";
		document.getElementById("bottomPrevArrow").style.visibility = "visible";
	}

	if(document.getElementById("jumper"))
	{
		doJumper();
	}
}

function jumpAround(whereTo)
{
	var nextPar;

	myPars = document.getElementById("tutorialContent").getElementsByTagName("div");
	for(var j = 0; j < whereTo; j++)
	{
		nextPar = myPars[j];
	}

	nextPar.style.display = "block";
	currentPar.style.display = "none";
	currentPar = nextPar;
	currentParCounter = whereTo-1;
	checkArrows();
}