var leftArrowDisabled = true;
var rightArrowDisabled = false;
var currentTab = '1';
var numberOfTabs = 4;
var nextTabToLoad = 2;
var theSlider = document.getElementById('homepageScroll_Slider');
selectTab('1',false);
var intervalID = setInterval("animateHomepageScroll()",6000);


function slideIt(direction)
{
	clearInterval(intervalID);
	currentPos = theSlider.style.left;
	if (direction == 'left')
	{
		if (leftArrowDisabled) return false;
		currentPos = parseInt(currentPos) + 100;
	}
	if (direction == 'right')
	{
		if (rightArrowDisabled) return false;
		currentPos = parseInt(currentPos) - 100;
	}
	theSlider.style.left = currentPos + 'px';
	if (parseInt(currentPos) == -400)
		disableArrow('right');
	else if (parseInt(currentPos) == 0)
		disableArrow('left');
	else
		enableArrows();
}


function disableArrow(direction)
{
	if (direction == 'left')
	{
		leftArrow = document.getElementById('homepageScroll_ArrowLeft');
		leftArrowImage = document.getElementById('homepageScroll_ArrowLeftImage');
		leftArrowImage.src = "Images/arrow_left_off.gif";
		leftArrow.style.cursor = 'default';
		leftArrowDisabled = true;
	}
	else if (direction == 'right')
	{
		rightArrow = document.getElementById('homepageScroll_ArrowRight');
		rightArrowImage = document.getElementById('homepageScroll_ArrowRightImage');
		rightArrowImage.src = "Images/arrow_right_off.gif";
		rightArrow.style.cursor = 'default';
		rightArrowDisabled = true;
	}
}


function enableArrows()
{
	if (leftArrowDisabled)
	{
		leftArrow = document.getElementById('homepageScroll_ArrowLeft');
		leftArrowImage = document.getElementById('homepageScroll_ArrowLeftImage');
		leftArrowImage.src = "Images/arrow_left_on.gif";
		leftArrow.style.cursor = 'pointer';
		leftArrowDisabled = false;
	}
	if (rightArrowDisabled)
	{
		rightArrow = document.getElementById('homepageScroll_ArrowRight');
		rightArrowImage = document.getElementById('homepageScroll_ArrowRightImage');
		rightArrowImage.src = "Images/arrow_right_on.gif";
		rightArrow.style.cursor = 'pointer';
		rightArrowDisabled = false;
	}
}

function selectTab(tabID, bIsAnimated)
{
	if (!bIsAnimated)
		clearInterval(intervalID);
	var leftCornerName = 'hsls_' + tabID;
	var rightCornerName = 'hsrs_' + tabID;
	var mainTabName = 'hsTab_' + tabID;
	var leftCorner = document.getElementById(leftCornerName);
	var rightCorner = document.getElementById(rightCornerName);
	var mainTab = document.getElementById(mainTabName);
	
	leftCorner.style.backgroundImage = 'url("Images/tab_left_on.gif")';
	rightCorner.style.backgroundImage = 'url("Images/tab_right_on.gif")';
	mainTab.style.backgroundColor = '#F2F0F1';
	mainTab.style.backgroundImage = 'url("Images/tab_main_on.gif")';
	mainTab.style.cursor = 'default';
	
	var i = 1;
	for (i=1;i<=numberOfTabs;i++)
	{
		if (i != tabID)
		{
			leftCornerName = 'hsls_' + i;
			rightCornerName = 'hsrs_' + i;
			mainTabName = 'hsTab_' + i;
			leftCorner = document.getElementById(leftCornerName);
			rightCorner = document.getElementById(rightCornerName);
			mainTab = document.getElementById(mainTabName);
			
			leftCorner.style.backgroundImage = 'url("Images/tab_left_off.gif")';
			rightCorner.style.backgroundImage = 'url("Images/tab_right_off.gif")';
			mainTab.style.backgroundColor = '#A5A9AE';
			mainTab.style.backgroundImage = 'url("Images/tab_main_off.gif")';
			mainTab.style.cursor = 'pointer';
			loadSet(tabID,false);
			currentTab = tabID;
		}		
	}
}


function loadSet(setID, bAnimate)
{
	currentSet = 'homepageScrollPanel_' + currentTab;
	newSet = 'homepageScrollPanel_' + setID;
	
	currentSetDivA = document.getElementById(currentSet + 'a');
	currentSetDivB = document.getElementById(currentSet + 'b');
	newSetDivA = document.getElementById(newSet + 'a');
	newSetDivB = document.getElementById(newSet + 'b');
	
	currentSetDivA.className = 'homepageScrollPanel_off';
	currentSetDivB.className = 'homepageScrollPanel_off';
	theSlider.style.left = '0px';
	enableArrows();
	disableArrow('left');
	newSetDivA.className = 'homepageScrollPanel';
	newSetDivB.className = 'homepageScrollPanel';
	
	currentTab = setID;	
}

function hoverTab(obj, action)
{
	if (action == 'over')
		obj.style.color='#FF0000';
	else if (action == 'out')
		obj.style.color = '#000000';

}

function hoverArrow(direction, action)
{
	var theArrow = 'homepageScroll_Arrow' + direction + 'Image';
	theArrow = document.getElementById(theArrow); 
	
	if (direction == 'Left' && leftArrowDisabled)
		return true;
	else if (direction == 'Right' && rightArrowDisabled)
		return true;
	
	if (action == 'over')
		theArrow.src="Images/arrow_"+ direction +"_over.gif";
	else if (action == 'out')
		theArrow.src = "Images/arrow_"+ direction +"_on.gif";
}

function notifyTealeaf(catName)
{
	req = createXMLHTTPObject();
	if (!req) return;
	var sendString;
	sendString = "elementID=hs&category=" + catName;
	req.open("GET","/tealeaf/notify.asp?" + (sendString),true);
	req.send(null);
}

function animateHomepageScroll()
{
	applyFade(nextTabToLoad);
	nextTabToLoad++;
	if (nextTabToLoad > numberOfTabs)
		nextTabToLoad = 1;
}

function applyFade(tabID)
{
	var fadeLayer = 'fadeBox';
	var millisec = 750;
	var speed = Math.round(millisec / 100); 
    var timer = 0; 
	var opacStart = 0;
	var opacEnd = 100;
	var j = 0;
	dir = 'up';	
	for(i = 0; i <= 200; i++)
	{ 
		setTimeout("changeOpac(" + j + ",'" + fadeLayer + "',"+tabID+")",(timer * speed)); 
		timer++; 
		if (j == 100)
			dir = 'down';
		if (dir == 'up')
			j++;
		else
			j--;
	} 
}

function changeOpac(opacity, fadeLayer, tabID)
{ 
    var object = document.getElementById(fadeLayer).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	
	if (opacity == 100)
		selectTab(tabID,true);
	if (opacity < 3)
		object.display = 'none';
	else
		object.display = 'block';
}