// IMAGE SWAP //
var arrayCurrent	= new Array();
var arrayPast		= new Array();
var arrayNext		= new Array();
var arrayTitle		= new Array();	

var imgHost			= 'http://i.cnn.net/nascar';
var imgBase			= '/.element/img/sect/promos/2004/chase/player';
var pageBase		= '/promos/2004/chase/player';

var possWeeks		= 10;
var lastCurrent		= "";

var currentRace		= 10;
var thisRace		= "";

for (i = 1; i < possWeeks + 1; i++)
{
	var weekNum 	= formatWeek(i);						// FORMAT WEEK NUMBER
	var weekDir 	= '/week' + weekNum;					// WEEK DIRECTORY
	var imgDir		= imgHost + imgBase + weekDir;			// FULL WEEK PATH

	arrayCurrent[i]	= imgDir + '/current.gif';				// CURRENT RACE IMG
	arrayPast[i]	= imgDir + '/past.gif';					// RACE OCCURRED IMG
	arrayNext[i]	= imgDir + '/next.gif';					// RACE UPCOMING IMG
	arrayTitle[i]	= imgDir + '/race_title.gif';			// RACE TITLE IMG
}

for (i=1; i < possWeeks + 1; i++) 
{
    var preloadCurrent	= new Image();
    preloadCurrent.src	= arrayCurrent[i];					// BUILD CURRENT RACE IMG ARRAY

    var preloadPast		= new Image();
    preloadPast.src		= arrayPast[i];						// BUILD PAST RACE IMG ARRAY

    var preloadNext		= new Image();
    preloadNext.src		= arrayNext[i];						// BUILD NEXT RACE IMG ARRAY

    var preloadTitle	= new Image();
    preloadTitle.src	= arrayTitle[i];					// BUILD RACE TITLE IMG ARRAY
}

// CHANGE IMAGE TO CURRENT.gif //
function swapOn(imgIndex) 
{
	if (lastCurrent) { swapOff(lastCurrent); }				// RESET NAV, IF POSSIBLE
	var imgName		= 'week' + formatWeek(imgIndex);	// FORMAT OBJ NAME
	var imgObj		= document[imgName];		
	imgObj.src 		= arrayCurrent[imgIndex];   		// REPLACE BADGE IMG
	lastCurrent		= imgIndex;

	imgTitleName	= 'raceTitle';
	var imgTitleObj	= document[imgTitleName];
	imgTitleObj.src	= arrayTitle[imgIndex];
}
	
// TURN OFF LAST CURRENT.gif //
function swapOff(imgIndex) 
{
	var imageName		= 'week' + formatWeek(imgIndex);	// FORMAT OBJ NAME
	var imageObj		= document[imageName];		
	if ( (imgIndex < currentRace) || (imgIndex == currentRace) || (imgIndex == thisRace) )
	{
		imageObj.src 		= arrayPast[imgIndex];   			// REPLACE PREV IMG
	}
	else
	{
		imageObj.src 		= arrayNext[imgIndex];   			// REPLACE NEXT IMG
	}	
}

// FORMAT WEEK DIRECTORY //
function formatWeek(currentWeek)
{
	var tempWeek = "";
	if (currentWeek < 10) // LESS THAN 10, ADD '0' BEFORE NUMBER
	{
		tempWeek = '0' + currentWeek;
	}
	else
	{
		tempWeek = currentWeek;
	}
	return tempWeek;
}	

// COMPILE HTML FOR NAV //
function buildNav()
{
	var width		= 40;
	var height		= 38;
	var finalHTML 	= '<table cellspacing="0" cellpadding="0" border="0"><tr>' + "\n";

	// LOOP THRU ALL WEEKS 					//
	// WRITE EACH <TD>, BASED ON CONDITIONS //
	for (i = 1; i < possWeeks + 1; i++)
	{
		// TEMP HTML FOR EACH WEEK
		// CLEAR VARS AT BEGINNING OF EACH LOOP
		var myImg 		= "";
		var myWeek		= "";
		var myURL		= "";
		var tempHTML	= "";		

		var myWeek		= 'week' + formatWeek(i);
		myURL			= pageBase + '/' + myWeek + '/index.html';

		// DETERMINE CELL/IMG WIDTH
		var width		= 40;
		var height		= 38;
		if (i == 10) { width = 39; }
		

		// CURRENT RACE > SETS CURRENT.gif
		if ( i == thisRace)		
		{
			myImg		= arrayCurrent[i];	
			lastCurrent	= i; // SET LAST CURRENT SO DEFAULT KNOWS WHICH TO TURN OFF //
			myTitleImg 	= arrayTitle[i];
		}
		// RACE ALREADY OCCURRED > SETS PAST.gif
		else if ( (i < currentRace) || (i == currentRace) )
		{
			myImg		= arrayPast[i];
		}
		// RACE HASN'T OCCURRED > SETS NEXT.gif 
		else
		{
			myImg		= arrayNext[i];
			myURL		= '#';
		}

		// BEGIN COMPILING HTML
		tempHTML	=  '<td width="' + width + '">';
		tempHTML	+= '<a href="' + myURL + '" ';
//		tempHTML	+= '<a href="' + pageBase + '/' + myWeek + '/index.html" ';
		tempHTML	+= 'onMouseOver="swapOn(' + i + ');">';
		tempHTML	+= '<img src="' + myImg + '" border="0" name="' + myWeek + '" + alt="">';
		tempHTML	+= '</a></td>' + "\n";

		finalHTML	+= tempHTML;		
	}

	finalHTML 	+= '<td width="123"><a href="/races/cup/2004/data/schedule.html" target="_blank"><img src="http://i.cnn.net/nascar/.element/img/sect/promos/2004/chase/player/button_schedule.gif" width="123" height="38" border="0" alt=""></a></td></tr>';

	finalHTML 	+= '<tr><td colspan="11"><img src="' + myTitleImg + '" border="0" name="raceTitle" + alt=""></td></tr>'; 

	finalHTML 	+= '</table>';
	document.write(finalHTML);
}