var TIMER_SECONDS = 6000;
var timer;

function handleStayConnectedSwap(e)
{
	var element = getElementByEvent(e);
	
	if (element.id.indexOf(STAY_CONNECTED_PREFIX) != 0)
	{
		element = element.parentNode;
	}
		
	if (element.id == STAY_CONNECTED_PREVIOUS)
	{
		changeStayConnectedImage(-1);	
	}
	else
	{
		changeStayConnectedImage(1);
	}
	
	cancelEventCompletion(e);
	return false;
}

function setImageSwapTimer(swapImage)
{
	if (swapImage == null)
	{
		swapImage = true;
	}

	if (swapImage)
	{
		changeStayConnectedImage(1);
	}	
}

function changeStayConnectedImage(direction)
{
	var loopImage = false;
	var maxImageId = 0;
	var loopImageId = 0;
	var currentImageId = 0;
	var newCurrentImageId = 0;
	
	clearTimeout(timer);
	
	if (direction != 0)
	{
		do
		{
			maxImageId = loopImageId;
			loopImageId++;
			loopImage = getStayConnectedImage(loopImageId);
			if (loopImage)
			{
				if (loopImage.className.search(STAY_CONNECTED_HIDDEN) < 0)
				{
					currentImageId = loopImageId;
				}
			}
		} 
		while (loopImage)
		
		if (maxImageId > 1 && currentImageId > 0)
		{
			if (direction != -1)
			{
				direction = 1;
			}
			
			newCurrentImageId = currentImageId + direction;
			
			if (newCurrentImageId < 1)
			{
				newCurrentImageId = maxImageId;
			}
			else if (newCurrentImageId > maxImageId)
			{
				newCurrentImageId = 1;
			}
			
			var element = getStayConnectedImage(newCurrentImageId);
			
			for (var i = 1; i <= maxImageId; i++)
			{
				var element = getStayConnectedImage(i);
				
				if (i != newCurrentImageId)
				{
					element.className = STAY_CONNECTED_HIDDEN;
				}else
				{
					element.className = "";
				}
			}
			
		}
	}
	
	timer = setTimeout("setImageSwapTimer()", TIMER_SECONDS);
}

function getStayConnectedImage(index)
{
	return document.getElementById("stayConnected" + index);
}