//GLOBALS
var TIMER_AMOUNT = 5000; //in milliseconds 
var temp_index;
var shutoff_timer_id;
// NOTE: bb_array built in psBillboard.cgi and treated as global

//FUNCTIONS
function setBB(temp_index)
{	
	//if number and not empty
	if(!isNaN(shutoff_timer_id) && shutoff_timer_id != '')
	{
		//alert("nextImage clearTimeout shutoff_timer_id: "+shutoff_timer_id);
		clearTimeout(shutoff_timer_id);
	}
	
	//get image data from array
	//alert("setBB temp_index: "+temp_index);
	var mySplitResultsArray = bb_array[temp_index].split("|");

	var bb_id = mySplitResultsArray[0];
	var bb_image = mySplitResultsArray[1];
	var bb_url = mySplitResultsArray[2];	

	//set anchor tag
	setBBURL(bb_url);

	//set numbered link to bold - pass in total number element & selected element
	setBBNumLink(bb_array.length, temp_index);
	
	//set image properties
	setBBImage(bb_image);
	
	//set current index 
	setIndex(temp_index);	

	//restart timer
	//alert("setBB bb_array.length: "+bb_array.length);
	shutoff_timer_id = setInterval("nextImage()", TIMER_AMOUNT);
	//alert("setBB clearTimeout shutoff_timer_id: "+shutoff_timer_id);	
}


function nextImage()
{
	//get current index
	temp_index = getIndex();
	
	//increment index
	temp_index++;
	
	//if moving past last element, go to first element
	if(temp_index >= bb_array.length)
	{
		//go to first element
		temp_index = 0;	
	}
	
	//set image
	//alert("nextImage bb_array.length: "+bb_array.length);
	setBB(temp_index);
}


function prevImage()
{
	//get current index
	temp_index = getIndex();
	
	//decrement index
	temp_index--;

	//if moving before first element, go to last element
	if(temp_index < 0)
	{
		//last array element index is one less than total elements 
		temp_index = bb_array.length - 1;
	}
	
	//set image
	setBB(temp_index);
}


//
function displayNumberedLinks()
{
	//get number of elements in array
	var num_elem = bb_array.length;
	//alert("displayNumberedLinks bb_array.length: "+bb_array.length);
	
	//loop through array	
	for(var i = 0; i < num_elem; i++)
	{
		//set display number
		var page_num = i+1;
	
		var holding_var;
	
		//output link to screen
		holding_var = "<a href='javascript:;' id="+i+" onClick='setBB("+i+");'>"+page_num+"</a>";
		
		document.write(holding_var);
	}
}

//-----------------------------------------------------------------------------
//       get functions
//-----------------------------------------------------------------------------

function getIndex()
{
	//get current index
	var temp_index = document.getElementById('bb_index').value;
	
	return temp_index;
}

function getIntervalID()
{
	 var temp_interval_id = document.getElementById('bb_interval_id').value;
	 
	 return temp_interval_id;
}


//-----------------------------------------------------------------------------
//       set functions
//-----------------------------------------------------------------------------


function setBBImage(bb_image)
{
	//set image properties
	
	//dev
	//var temp_image = "http://ukpackaging.peaknet.ltd.uk/billboard/"+bb_image;
	
	//live
	//var temp_image = "http://www.ukpackaging.com/billboard/"+bb_image;
	
	//alert("bb_image: "+bb_image);
	
	var temp_image = eval(bb_image);
	
	document.getElementById('homePageBillboard').src = temp_image; //setBBImage
}


function setBBURL(bb_url)
{
	document.getElementById('main_bb_link').href = bb_url;
}


//element id (number link on page) is the same as the array index
function setBBNumLink(temp_num_elems, temp_index)
{
	//alert("setBBNumLink temp_num_elems: "+temp_num_elems+"; temp_index: "+temp_index);
	var i = 0;
	var obj = '';
	
	while(i < temp_num_elems)
	{
		obj = document.getElementById(i).style;
		
		//if chosen element then 
		if(i == temp_index)
		{
			//alert("MATCH counter: "+i+"; temp_index: "+temp_index);
			obj.fontWeight = "bold"; 
			obj.textDecoration = "underline";
		}
		else
		{
			//alert("NO MATCH counter: "+i+"; temp_index: "+temp_index);
			obj.fontWeight = "normal"; 
			obj.textDecoration = "none";		
		}
		
		//increment counter
		i++;
	}
}


function setIndex(temp_index)
{
	document.getElementById('bb_index').value = temp_index;	
}


function storeIntervalID(temp_interval_id)
{
	document.getElementById('bb_interval_id').value = temp_interval_id;
}