//JavaScript Container

var largeFontStyleID = 21815; 

// Used in the homepage cycling events promo
var startPoint = -1;
var size = 0;
var rotation;
var pauseFlag = true;



function arrangeElements( input )
{
	var result = new Array();

	try
	{
		var maxLength = 0;
		
		var events = new Array();
		events = input.split(':');

		var numOfEvents = events.length;

		for ( var eventElements in events )
		{
			var elements = new Array();
			elements = events[eventElements].split('|');
			if ( elements.length > maxLength )
			{
				maxLength = elements.length;
			}
		}

		for (var imagesID = 0; imagesID < maxLength; imagesID++ ) {

			for (var eventID = 0; eventID < numOfEvents; eventID++ )
			{
				var thisEventsImages = new Array();
				thisEventsImages = events[eventID].split('|');

				if (thisEventsImages.length > imagesID)
				{
					result[result.length] = thisEventsImages[imagesID];

				}
			}
		}

	}
	catch ( err )
	{
		result = null;
	}

	return result;
}



function toggleFontSize (){

	var useLargeFonts = GetCookie('useLargeFonts');

	if(useLargeFonts != null)
	{
		if(useLargeFonts=="false")
		{
			setLargeFonts(true);
		}
		else
		{
			setLargeFonts(false);
		}
	}
	else
	{
		setLargeFonts(true);
	}

}






function changeImage () {

	if (size > 1){
		
		// update the image
		document.getElementById("whatsOnImage").src = str_currentLevel + "library/scripts/objectifyMedia.aspx?file=kmsMedia/" + hpEventImages[startPoint] + "&siteID=19&resizeWidth=241&resizeHeight=152";

		document.getElementById("whatsOnImage").alt = hpEventImageAltText[startPoint];

		
		// update the link target
		document.getElementById("homeEventImageLink").href = str_currentLevel + "Events_-_Whats_On/index.aspx?itemDetails=" + hpEventLinks[startPoint] + "&objectType=kms";
		document.getElementById("promoEventTitleLink").href = str_currentLevel + "Events_-_Whats_On/index.aspx?itemDetails=" + hpEventLinks[startPoint] + "&objectType=kms";

		// Update the title of the event
		document.getElementById("promoEventTitleLink").innerHTML = hpEventTitles[startPoint];

		// Update the date of the event
		document.getElementById("promoEventDate").innerHTML = hpEventDates[startPoint];
		
		
		startPoint++;
		if (startPoint == hpEventImages.length)
		{
			startPoint = 0;
		}
	}
	else if(size == 1)
	{
		document.getElementById("whatsOnImage").src = str_currentLevel + "library/scripts/objectifyMedia.aspx?file=kmsMedia/" + hpEventImages[0] + "&siteID=14&resizeWidth=241&resizeHeight=152";
		document.getElementById("homeEventImageLink").href = str_currentLevel + "Whats_On/index.aspx?itemDetails=" + hpEventLinks[0] + "&objectType=kms";
		//document.getElementById("homeEventMoreDetails").href = str_currentLevel + "Whats_On/index.aspx?itemDetails=" + hpEventLinks[0] + "&objectType=kms";
		//document.getElementById("captionContainer").innerHTML = captionArray[0];
	}
}



function next()
{
	if ( debugMode == "true" ) {
		alert( "Next" );
	}
	
	if (!pauseFlag)
	{
		pause();
		play();
	}
	changeImage();
}





function previous()
{
	if ( debugMode == "true" ) {
		alert( "Previous" );
	}

	if (!pauseFlag)
	{
		pause();
		play();
	}
	startPoint-= 2;
	if (startPoint < -1)
	{
		startPoint = hpEventImages.length - 2;
	}
	if (startPoint < 0)
	{
		startPoint = hpEventImages.length - 1;
	}
	changeImage();
}





function pause()
{
	if ( debugMode == "true" ) {
		alert( "Pause" );
	}
	clearInterval(rotation);
	pauseFlag = true;
}





function play()
{
	if ( debugMode == "true" ) {
		alert( "Play" );
	}
	if (pauseFlag)
	{
		rotation = setInterval("changeImage()", 7000);
		pauseFlag = false;
	}
}




function playPause()
{
	if ( debugMode == "true" ) {
		alert("Play-Pause");
	}

	if (pauseFlag)
	{
		rotation = setInterval("changeImage()", 3000);
		pauseFlag = false;
		document.getElementById( "playPauseButton" ).innerHTML = "Pause";
	} else {
		clearInterval(rotation);
		pauseFlag = true;
		document.getElementById( "playPauseButton" ).innerHTML = "Play";
	}

}