/* Global Motion - JavaScript (js-functions.js) */

// Image Pre-Loader & Image Rotate Script - written by Tom I.

var d_inter = 2000;     // time delay between rotates
var noOfImgs = 5;       // number of images
var path = "images/";   // path to the images

// Preload header images
pic0 = new Image(800, 180);
pic0.src = path + "header.jpg";
pic1 = new Image(800, 180);
pic1.src = path + "header2.jpg";
pic2 = new Image(800, 180);
pic2.src = path + "header3.jpg";
pic3 = new Image(800, 180);
pic3.src = path + "header4.jpg";
pic4 = new Image(800, 180);
pic4.src = path + "header4.jpg";

var imgArry = new Array()
	imgArry[0] = "header.jpg";
	imgArry[1] = "header2.jpg";
	imgArry[2] = "header3.jpg";
	imgArry[3] = "header4.jpg";
	imgArry[4] = "header4.jpg";

// Rotates header images
function rotateImage(imgNo)
{
	clearTimeout(timerId);
	interval = d_inter;

	if(imgNo == noOfImgs)
	{
		imgNo = 0;
		interval = 0;
	}
	else
	{
		document.getElementById('test').src = path + imgArry[imgNo];

		imgNo++;
	}

	var recur_call = "rotateImage('" + imgNo + "')";

	setTimeout(recur_call, interval);
}

// Set first timeout call to rotate header images
//if(document.getElementById('test')) 
//{
//	var timerId = setTimeout('rotateImage(0)', 1500);
//}
//else
//{
//	alert();
//}

// /////////////
var d_inter2 = 2000;     // time delay between rotates
var noOfImgs2 = 2;       // number of images
var path2 = "images/";   // path to the images

// Preload header images
pic02 = new Image(800, 180);
pic02.src = path + "robbie-header-m1.jpg";
pic12 = new Image(800, 180);
pic12.src = path + "robbie-header-m2.jpg";
//pic22 = new Image(800, 180);
//pic22.src = path + "robbie-header-m3.jpg";
//pic32 = new Image(800, 180);
//pic32.src = path + "robbie-header-m4.jpg";

var imgArry2 = new Array()
	imgArry2[0] = "robbie-header-m1.jpg";
	imgArry2[1] = "robbie-header-m2.jpg";
	//imgArry2[2] = "robbie-header-m3.jpg";
	//imgArry2[3] = "robbie-header-m4.jpg";

// Rotates header images
function rotateImage2(imgNo)
{
	clearTimeout(timerId2);
	interval = d_inter2;

	if(imgNo == noOfImgs2)
	{
		imgNo = 0;
		interval = 0;
	}
	else
	{
		document.getElementById('robbie').src = path2 + imgArry2[imgNo];

		imgNo++;
	}

	var recur_call = "rotateImage2('" + imgNo + "')";

	setTimeout(recur_call, interval);
}
// /////////////

// /////////////
var d_inter3 = 2000;     // time delay between rotates
var noOfImgs3 = 4;       // number of images
var path3 = "images/";   // path to the images

// Preload header images
pic03 = new Image(800, 180);
pic03.src = path + "erasure-header-m1.jpg";
pic13 = new Image(800, 180);
pic13.src = path + "erasure-header-m2.jpg";
pic23 = new Image(800, 180);
pic23.src = path + "erasure-header-m3.jpg";
pic33 = new Image(800, 180);
pic33.src = path + "erasure-header-m4.jpg";

var imgArry3 = new Array()
	imgArry3[0] = "erasure-header-m1.jpg";
	imgArry3[1] = "erasure-header-m2.jpg";
	imgArry3[2] = "erasure-header-m3.jpg";
	imgArry3[3] = "erasure-header-m4.jpg";

// Rotates header images
function rotateImage3(imgNo)
{
	clearTimeout(timerId3);
	interval = d_inter3;

	if(imgNo == noOfImgs3)
	{
		imgNo = 0;
		interval = 0;
	}
	else
	{
		document.getElementById('erasure').src = path3 + imgArry3[imgNo];

		imgNo++;
	}

	var recur_call = "rotateImage3('" + imgNo + "')";

	setTimeout(recur_call, interval);
}
// /////////////


// Displays mouseover popup menu's
function menu(element, value)
{
	document.getElementById(element).style.height = value;
}