// Declairing global variables
var imgPath = new String();
var imgNameArray = new Array();
var imgOnArray = new Array();
var imgOffArray = new Array();
var divNameArray = new Array();
var currentPart = new Number();
var timerID = new Number();

// Defineing global variables
imgPath = "/Cordovan/Customer/Images/startpagefallback/";
// delay in milliseconds
loopPartDelay = 10000;
// names are used both as keys in filenames and as object id in the dom.
imgNameArray = ["group","marketing","digital","branding","valueManagement","academy","performance"];
currentPart = 0;

for(i=0;i<imgNameArray.length;i++)
{
	// createing image object out of an array item
	imgOnArray[imgNameArray[i]] = new Image();
	imgOffArray[imgNameArray[i]] = new Image();
	// populating our image objects
	imgOnArray[imgNameArray[i]].src = imgPath+"mainTextLink_"+imgNameArray[i]+"_over.gif";
	imgOffArray[imgNameArray[i]].src = imgPath+"mainTextLink_"+imgNameArray[i]+".gif";
	// populating our div array with statice names from the dom
	divNameArray[i] = imgNameArray[i]+"Div"
}

window.onload = init;
function init()
{
    try {
	    animateLoopParts();
	} catch(e) {}
}

function over(el)
{	
	var imgObj=document.getElementById(el);
	// changeing the image source
	imgObj.src = imgOnArray[el].src
}

function out(el)
{	
	var imgObj=document.getElementById(el);
	// changeing the image source
	imgObj.src = imgOffArray[el].src 
}

function showDiv(el)
{
	var divObj=document.getElementById(el);
	// changeing the div display attribute, e.g. show this element
	divObj.style.display = "block"
}
function hideDiv(el)
{
	var divObj=document.getElementById(el);
	// changeing the div display attribute, e.g. hide this element
	divObj.style.display = "none"
}

function show(el)
{
	hideAll(el);
	showCurrentPart(el);
	currentPart=getCurrentPart(el);
	clearTimeout(timerID);
	timerID = window.setTimeout("animateLoopParts()", loopPartDelay*2);
}
function hideAll(el)
{
	for(i=0;i<imgNameArray.length;i++)
	{
		out(imgNameArray[i]);
		hideDiv(imgNameArray[i]+"Div")
	}
}
function showCurrentPart(el)
{
	// show the current image
	over(el);
	// show the current content div
	showDiv(el+"Div")
}
function animateLoopParts()
{
	
	//show(imgNameArray[currentPart]);
	hideAll(imgNameArray[currentPart]);
	showCurrentPart(imgNameArray[currentPart]);
	//alert(currentPart);
	if(currentPart<(imgNameArray.length-1))
	{
		currentPart++;
	}
	else
	{
		currentPart=0;
	}
	timerID = window.setTimeout("animateLoopParts()", loopPartDelay);
}

function getCurrentPart(el)
{
	var part = new Number();
	for(i=0;i<imgNameArray.length;i++)
	{
		if(imgNameArray[i]==el) part = i;
	}
	
	return part;
}