// JavaScript Document

var featureIndex = 0;
var locationIndex = 0;

var locationOrder = [2, 7, 0, 5, 3, 4, 1, 6]
var numLocations = 8

function SetupFeature(locationIndex, featureIndex)
{
	PreloadFeatureImages()
	
	var line = Math.floor(locationIndex / 4)
	var cell = locationIndex % 4
	var row = line * 3
	
	var featureTable = document.getElementById("imagina_features")
	var featureTitle = featureTable.rows.item(row + 0).cells.item(cell)
	var featureDescription = featureTable.rows.item(row + 1).cells.item(cell)
	var featureImage = featureTable.rows.item(row + 2).cells.item(cell)
	
	featureTitle.innerHTML = "<strong>" + featureTitles[featureIndex] + "</strong>"
	featureDescription.innerHTML = featureDescriptions[featureIndex]
	featureImage.innerHTML = FeatureImageHTML(featureImages[featureIndex], featureLinks[featureIndex], "feature" + featureIndex, featureTitles[featureIndex])
}

function SetupFeatures()
{
	var index = 0
	
	for (index = 0; index < numLocations; index++)
	{
		SetupFeature(index, featureIndex)
	
		featureIndex++
	}
		
	setTimeout("AnimateFeature()", 4000)
}

function InsertAllFeatures()
{
	var numRows = Math.ceil(numFeatures / 4) * 3
	var row = 0
	
	document.write("<table width='719' border='0' cellpadding='0' cellspacing='10' id='imagina_features'>")
	
	for (row = 0; row < numRows; row++)
	{
     	document.write("<tr>")
     	document.write("<td width='166' align='left' valign='top' class='feature_normal'><div align='left'></div></td>")
     	document.write("<td width='166' align='left' valign='top' class='feature_normal'><div align='left'></div></td>")
     	document.write("<td width='166' align='left' valign='top' class='feature_normal'><div align='left'></div></td>")
     	document.write("<td width='166' align='left' valign='top' class='feature_normal'><div align='left'></div></td>")
     	document.write("</tr>")
	}

	document.write("</table>")
}

function SetupAllFeatures()
{
	var index = 0
	
	for (index = 0; index < numFeatures; index++)
	{
		SetupFeature(index, index)
	}
}

function AnimateFeature()
{
	var index = locationOrder[locationIndex]
	
	SetupFeature(index, featureIndex)

	var line = Math.floor(index / 4)
	var cell = index % 4
	var row = line * 3
	
	var featureTable = document.getElementById("imagina_features")
	var featureTitle = featureTable.rows.item(row + 0).cells.item(cell)
	var featureDescription = featureTable.rows.item(row + 1).cells.item(cell)

	SetupFeatureFade(featureTitle, featureDescription)	

	featureIndex++
	
	if (featureIndex >= numFeatures)
	{
		featureIndex = 0
	}

	locationIndex++
	
	if (locationIndex >= numLocations)
	{
		locationIndex = 0
	}

	setTimeout("AnimateFeature()", 4000)
}