/**
 * @author mryan
 * @author2 mweyand - integrated slide functionality
 */


var windowArray = document.getElementsByName('tab');
var controlButtons = document.getElementsByName('ctrl');
var arrayLength;

//specify interval between slide (in mili seconds)
var slidespeed = 15000;
var NumOfTabs = 5;
var blnDoSlide = true;
var contentTab = ["one", "two", "three", "four", "five"];
var iRow;
var timeoutId;

function tab_init()
{
	
	//windowArray = document.getElementsByName('tab');			
	//alert(windowArray.length);
	
	//Storing an array length in a static variable is faster than analyzing
	//the array object over and over again.
	arrayLength = windowArray.length;
	
	for(i = 0; i<arrayLength; i++)
	{
		//alert(windowArray[i].innerHTML.toLowerCase());
		windowArray[i].linkage = windowArray[i].innerHTML.toLowerCase();
		if(i != 0)
		{
			document.getElementById(windowArray[i].innerHTML.toLowerCase()).style.display = 'none';
			windowArray[i].innerHTML = '<img src="/images/tab_' + windowArray[i].linkage + '_1.gif" name="' + windowArray[i].linkage + '2" onclick="tab(this)" alt="" />';
		}
		else
		{
			windowArray[i].innerHTML = '<img src="/images/tab_' + windowArray[i].linkage + '_2.gif" name="' + windowArray[i].linkage + '2" onclick="tab(this)" alt="" />';
		}				
		
		//alert(windowArray[i].linkage);

	}
	controlButtons[0].innerHTML = '<img src="/images/ctrl_pause.gif" name="' + controlButtons[0].linkage + '2" onclick="pause(this)" alt="pause" />';
	controlButtons[1].innerHTML = '<img src="/images/ctrl_resume.gif" name="' + controlButtons[1].linkage + '2" onclick="resume(this)" alt="resume" />';
	controlButtons[0].style.display = 'block';
	controlButtons[1].style.display = 'none';	

	slideit(1);

}

function pause(link)
{
	controlButtons[0].style.display = 'none';
	controlButtons[1].style.display = 'block';

	clearTimeout(timeoutId);
}

function resume(link)
{
	controlButtons[0].style.display = 'block';
	controlButtons[1].style.display = 'none';

	for (i = 1; i <= NumOfTabs; i++)
	{
		if (document.getElementById(contentTab[i - 1]).style.display != 'none')
		{
			slideit(i);
			break;
		}
	}
}

function tab(link)
{
	//This is beyond ridiculous, just don't ask.
	var targetName = link.name.toLowerCase();
	var targetName2 = targetName.replace(/2/,'');
	//alert(targetName);
	//alert(targetName2);
	
	for (i = 0; i<arrayLength; i++)
	{
		//alert(windowArray[i].innerHTML.toLowerCase() + " " + targetName);
		if(targetName2 == windowArray[i].linkage)
		{
			//alert(windowArray[i].innerHTML.toLowerCase() + " one");
			//document.getElementById(windowArray[i].linkage).style.display = 'block';
			$('#' + windowArray[i].linkage).fadeIn("slow");
			windowArray[i].innerHTML = '<img src="/images/tab_' + windowArray[i].linkage + '_2.gif" name="' + windowArray[i].linkage + '2" onclick="tab(this)" alt="" />';
		}
		else
		{		
			//alert(windowArray[i].innerHTML.toLowerCase() + " two");				
			document.getElementById(windowArray[i].linkage).style.display = 'none';
			windowArray[i].innerHTML = '<img src="/images/tab_' + windowArray[i].linkage + '_1.gif" name="' + windowArray[i].linkage + '2" onclick="tab(this)" alt="" />';
		}
	}

	pause(link);
	resume(link);
}

function slideit(tabID)
{
	if (blnDoSlide != true)
	{
		return;
	}
	iRow = tabID;
	if (tabID > NumOfTabs)
		tabID = 1

	//	for(var i=1; false; i++)
	for (i = 1; i <= NumOfTabs; i++)
	{
		//alert(document.getElementById(contentTab[i - 1]));
		//	alert(contentTab[i - 1]);
		//	alert(windowArray[i - 1]);
		if (i == tabID)
		{
			//document.getElementById("tabContent" + i).style.display = "inline"
			//document.getElementById(contentTab[i - 1]).style.display = 'block';
			if (document.getElementById(contentTab[i - 1]).style.display != 'block')
			{
				$('#' + contentTab[i - 1]).fadeIn("slow");
			}
			windowArray[i - 1].innerHTML = '<img src="/images/tab_' + contentTab[i - 1] + '_2.gif" name="' + contentTab[i - 1] + '2" onclick="tab(this)" alt="" />';
		}
		else
		{
			//document.getElementById("tabContent" + i).style.display = "none"
			document.getElementById(contentTab[i - 1]).style.display = 'none';
			windowArray[i - 1].innerHTML = '<img src="/images/tab_' + contentTab[i - 1] + '_1.gif" name="' + contentTab[i - 1] + '2" onclick="tab(this)" alt="" />';
		}
	}
	tabID = tabID + 1;
	timeoutId = setTimeout("slideit(" + tabID + ")", slidespeed);
}

window.onload = tab_init;