function changeColor(number){
	id = "step" + number;
	link = "link" + number;
	tdList = document.getElementsByTagName("td").length;
	stepCount = tdList - 1;
	for (i=1;i<stepCount;i++){
		count = i-1;
		tempPosition = "step" + count;
		tempLinkPosition = "link" + count;
		tableCell = document.getElementById(tempPosition);
		tableCell.style.backgroundColor = "#EfEfEf";
		tableLink = document.getElementById(tempLinkPosition);
		tableLink.style.color = "#3300FF";

	}
	document.getElementById(id).style.backgroundColor = "#BFCBE0";
	document.getElementById(link).style.color = "#ffffff";
	
}

function changeParentColor(number){
	id = "step" + number;
	link = "link" + number;
	tdList = parent.document.getElementsByTagName("td").length;
	stepCount = tdList - 1;
	for (i=1;i<stepCount;i++){
		count = i-1;
		tempPosition = "step" + count;
		tempLinkPosition = "link" + count;
		parent.document.getElementById(tempPosition).style.backgroundColor = "#EfEfEf";
		parent.document.getElementById(tempLinkPosition).style.color = "#3300FF";
	}
	parent.document.getElementById(id).style.backgroundColor = "#BFCBE0";
	parent.document.getElementById(link).style.color = "#ffffff";
	
}

function openWindow(Address){
	newWindow = window.open(Address, "Tutorial", "width=920,height=690,left=0,top=0");
	if (newWindow) {
		newWindow.focus();
	}
}

function redirectWindow(Address){
	document.location.href='../index.php';
	newWindow = window.open(Address, "Tutorial", "width=920,height=690,left=0,top=0");
	if (newWindow) {
		newWindow.focus();
	}
}

function setIntro(){
	document.getElementById("step0").style.backgroundColor = "#BFCBE0";
	document.getElementById("link0").style.color = "#ffffff";
}