/* slildeshow */

// slideshow variables
var currentId = 1;
var numberOfPages = 21;

// rotating banner variables
var numberOfMessages = 3;
var currentMessage = 0;
var Messages = new Array(numberOfMessages);
Messages = ["Enrich your student\'s experience learning English.",
			"Guide your students on the path to success in English.",
			"Let your students exceed expectations everyday."];

// tech popups
var popupCoords = new Array(2);
var popupNumber;
var popups = new Array();
popups = ['Students move through a pre&ndash;defined curriculum that bookmarks each student\'s placement at the end of his session.',
		'Teachers can access class and individual student reports from the system at any time.',
		'Teachers can launch student sessions on a network of Waterford computers with only a few clicks of the mouse.',
		'Students will say \"I learned this on Waterford, too!\" as you introduce concepts in the classroom.',
		'Waterford is designed to ensure that students can work independently by using easy navigation, clear instructions, and a locked&ndash;down environment.'];

//slideshow funcs
function hideAll() {
	document.getElementById("term"+currentId).style.display = "block";
	document.getElementById("data"+currentId).style.display = "block";
	for (var i = 2; i <= numberOfPages; i++) {
		document.getElementById("term"+i).style.display = "none";
		document.getElementById("data"+i).style.display = "none";
	}
}

function displayNext() {
	clearTimeout(ss);
	if (currentId < numberOfPages) {
		document.getElementById("term"+currentId).style.display = "none";
		document.getElementById("data"+currentId).style.display = "none";
		document.getElementById("term"+(currentId+1)).style.display = "block";
		document.getElementById("data"+(currentId+1)).style.display = "block";
		currentId++;
	} else {
		document.getElementById("term"+currentId).style.display = "none";
		document.getElementById("data"+currentId).style.display = "none";
		document.getElementById("term"+1).style.display = "block";
		document.getElementById("data"+1).style.display = "block";
		currentId = 1;
	}
}

function displayPrev() {
	clearTimeout(ss);
	if (currentId > 1) {
		document.getElementById("term"+currentId).style.display = "none";
		document.getElementById("data"+currentId).style.display = "none";
		document.getElementById("term"+(currentId-1)).style.display = "block";
		document.getElementById("data"+(currentId-1)).style.display = "block";
		currentId--;
	} else {
		document.getElementById("term"+currentId).style.display = "none";
		document.getElementById("data"+currentId).style.display = "none";
		document.getElementById("term"+numberOfPages).style.display = "block";
		document.getElementById("data"+numberOfPages).style.display = "block";
		currentId = numberOfPages;
	}
}

function displayPage(pageId) {
	document.getElementById("term"+currentId).style.display = "none";
	document.getElementById("data"+currentId).style.display = "none";
	document.getElementById("term"+pageId).style.display = "block";
	document.getElementById("data"+pageId).style.display = "block";
	currentId = pageId;
}

function slideShow(pageId) {
	displayPage(pageId);
	if (pageId == numberOfPages) {
		ss = setTimeout("slideShow(1)",5000);
	} else ss = setTimeout("slideShow(currentId+1)",5000);
}

// slideshow button hover
function handleButton(buttonId, buttonState) {
	buttonState == "on" ? document.getElementById(buttonId).src = ("img/btn."+buttonId+".hover.png") : document.getElementById(buttonId).src = ("img/btn."+buttonId+".unhover.png");
}

// rotating banner function
function rotateBanner(stringId) {
	document.getElementById("rotating").innerHTML = Messages[stringId];
	currentMessage = stringId + 1;
	if (currentMessage == numberOfMessages) {
		rb = setTimeout("rotateBanner(0)",5000);
	} else rb = setTimeout("rotateBanner(currentMessage)",5000);
}

// initialisers
function initSlideShow () {
	hideAll();
	slideShow(currentId);
}

function initRotatingBanner () {
	rotateBanner(currentMessage);
}

// tech popups
function displayPopup (theText) {
	var iContainer = document.getElementById("popup-container");
	iContainer.style.visibility = "visible";
	iContainer.style.left = popupCoords[0]+20+"px";
	iContainer.style.top = popupCoords[1]+20+"px";
	iContainer.innerHTML = "<p>"+popups[theText-1]+"</p>";
}

function unhover () {
	var iContainer = document.getElementById("popup-container");
	iContainer.style.visibility = "hidden";
	iContainer.innerHTML = "&nbsp;";
}

function getMouseCoords (e) {
	var xy = new Array(2);
	xy[0] = xy[1] = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) {
		xy[0] = e.pageX;
		xy[1] = e.pageY;
	} else if (e.clientX || e.clientY) {
		xy[0] = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		xy[1] = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	} else if (document.layers) {
		xy[0] = e.x;
		xy[1] = e.y;
	} else if (document.getElementById) {
		xy[0] = e.clientX;
		xy[1] = e.clientY;
	}
	if (xy[0] < 0) { xy[0] = 0; }
	if (xy[1] < 0) { xy[1] = 0; }
	popupCoords[0] = xy[0];
	popupCoords[1] = xy[1];
}
