var jQuery;
var currTabID = 0;
var prevTabID = 0;
var nextTabID = 0;
var t;

var varArray = new Array(3);
for (i = 0; i < 4; i++)
{
varArray[i] = new Array(3);
}


function initImages() 
{

	if(varArray != null && varArray.length > 0) 
	{
		startTimer();	
	}
}

function tick() 
{
	currTabID++;
	if (currTabID == varArray.length || currTabID == 0) 
	{
		currTabID = 0;
		prevTabID = (varArray.length - 1);
	} 
	else 
	{
		prevTabID = (currTabID - 1);
	}		  
	
	//Set Feature Background
	var featuredImage = document.getElementById('featuredimage');
	featuredImage.style.backgroundImage = varArray[currTabID][0];
	//Set Feature Text
	
    document.getElementById('featuredcontent'  + (prevTabID + 1)).style.display = "none";
    document.getElementById('featuredcontent'  + (currTabID + 1)).style.display = "block";

	//document.getElementById('featuredcontent').innerHTML = varArray[currTabID][1];

    //Select featured chip
	var featureChipLI = document.getElementById('lifeature' + (currTabID + 1));
	var featureChipLIimg = document.getElementById('lifeature' + (currTabID + 1) + 'img');
	featureChipLI.className = "active";
	featureChipLIimg.style.filter = 'alpha(opacity=100)';
	featureChipLIimg.style.opacity = 1;

	//Deselect prior featured chip
	var priorfeatureChipLI = document.getElementById('lifeature' + (prevTabID + 1));
	var priorfeatureChipLIimg = document.getElementById('lifeature' + (prevTabID + 1) + 'img');
	priorfeatureChipLI.className = "";
	priorfeatureChipLIimg.style.filter = 'alpha(opacity=60)';
	priorfeatureChipLIimg.style.opacity = .6;
}
						 
function startTimer() 
{
	t = setInterval("tick()", 3000);

	document.getElementById('lifeature2img').style.filter = 'alpha(opacity=60)';
	document.getElementById('lifeature2img').style.opacity = .6;
	document.getElementById('lifeature3img').style.filter = 'alpha(opacity=60)';
	document.getElementById('lifeature3img').style.opacity = .6;
	document.getElementById('lifeature4img').style.filter = 'alpha(opacity=60)';
	document.getElementById('lifeature4img').style.opacity = .6;
}
	
function setFeature(featureID)
{
    //Stop Timer
    clearTimeout(t);
	
	//Set Feature Background
	var featuredImage = document.getElementById('featuredimage');
	featuredImage.style.backgroundImage = varArray[featureID][0];
	//Set Feature Text

    for (i = 0; i < 4; i++)
    {
        if (featureID == i)
        {
            document.getElementById('featuredcontent'  + (i + 1)).style.display = "block";
        }
        else
        {
            document.getElementById('featuredcontent'  + (i + 1)).style.display = "none";
        }
    }

    if (featureID == '0')
    {
	    document.getElementById('lifeature1').className = "active";
		document.getElementById('lifeature1img').style.filter = 'alpha(opacity=100)';
		document.getElementById('lifeature1img').style.opacity = 1;
	    document.getElementById('lifeature2').className = "";
		document.getElementById('lifeature2img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature2img').style.opacity = .6;
	    document.getElementById('lifeature3').className = "";
		document.getElementById('lifeature3img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature3img').style.opacity = .6;
	    document.getElementById('lifeature4').className = "";
		document.getElementById('lifeature4img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature4img').style.opacity = .6;
	}
    if (featureID == '1')
    {
	    document.getElementById('lifeature1').className = "";
		document.getElementById('lifeature1img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature1img').style.opacity = .6;
	    document.getElementById('lifeature2').className = "active";
		document.getElementById('lifeature2img').style.filter = 'alpha(opacity=100)';
		document.getElementById('lifeature2img').style.opacity = 1;
	    document.getElementById('lifeature3').className = "";
		document.getElementById('lifeature3img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature3img').style.opacity = .6;
	    document.getElementById('lifeature4').className = "";
		document.getElementById('lifeature4img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature4img').style.opacity = .6;
	}
    if (featureID == '2')
    {
	    document.getElementById('lifeature1').className = "";
		document.getElementById('lifeature1img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature1img').style.opacity = .6;
	    document.getElementById('lifeature2').className = "";
		document.getElementById('lifeature2img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature2img').style.opacity = .6;
	    document.getElementById('lifeature3').className = "active";
		document.getElementById('lifeature3img').style.filter = 'alpha(opacity=100)';
		document.getElementById('lifeature3img').style.opacity = 1;
	    document.getElementById('lifeature4').className = "";
		document.getElementById('lifeature4img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature4img').style.opacity = .6;
	}
    if (featureID == '3')
    {
	    document.getElementById('lifeature1').className = "";
		document.getElementById('lifeature1img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature1img').style.opacity = .6;
	    document.getElementById('lifeature2').className = "";
		document.getElementById('lifeature2img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature2img').style.opacity = .6;
	    document.getElementById('lifeature3').className = "";
		document.getElementById('lifeature3img').style.filter = 'alpha(opacity=60)';
		document.getElementById('lifeature3img').style.opacity = .6;
	    document.getElementById('lifeature4').className = "active";
		document.getElementById('lifeature4img').style.filter = 'alpha(opacity=100)';
		document.getElementById('lifeature4img').style.opacity = 1;
	}
    
    
}

					
function navClick(TabID) 
{
	document.getElementById('subTeaser').innerHTML = varSubArray[TabID][1];
	document.getElementById('subFeature').innerHTML = varSubArray[TabID][2];
	document.getElementById('subOverview').innerHTML = varSubArray[TabID][3];
	document.getElementById('subNav').innerHTML = varSubArray[TabID][4];
    
    for (i = 0; i < intSubCount; i++)
    {
        tabName = "liSub" + i;
        if (i == TabID)
        {
            document.getElementById(tabName).innerHTML = varSubArray[i][0];
    	    document.getElementById(tabName).className = "active";
    	    leftNavTab = tabName;
    	    tabIDForNavClick = TabID;
    	    leftNavClicked = "true";
    	    isFirst = "false";
        }
        else
        {
            document.getElementById(tabName).innerHTML = "<a href='javascript:navClick(" + i + ");'>" + varSubArray[i][0] + "</a>";
    	    document.getElementById(tabName).className = "";
        }
    }
}
jQuery.noConflict();