var dayNames = ["thursday","friday","saturday","sunday"];


function initLineUp()
{
	// alert ("there");
	// prepopulate all data
	
	selectStage(document.getElementById("select_0_0"), "pyramid-stage");
	selectStage(document.getElementById("select_0_1"), "other-stage");
	selectStage(document.getElementById("select_0_2"), "accoustic-tent");


	selectStage(document.getElementById("select_1_0"), "jazz-world-stage");
	selectStage(document.getElementById("select_1_1"), "john-peel-stage");
	selectStage(document.getElementById("select_1_2"), "glade");

	selectStage(document.getElementById("select_2_0"), "park-stage");
	selectStage(document.getElementById("select_2_1"), "east-dance");
	selectStage(document.getElementById("select_2_2"), "west-dance");
	
	// alert("init end");

}

function closeDay(rowID,dayID)
{
	var openDiv = document.getElementById("row" + rowID + "-" + dayNames[dayID] + "-open");
	var closedDiv = document.getElementById("row" + rowID + "-" + dayNames[dayID] + "-closed");

	// show open div
	openDiv.style.display="none";
	
	// hide closed div
	closedDiv.style.display="block";

}

function openDay(rowID,dayID)
{
	var openDiv = document.getElementById("row" + rowID + "-" + dayNames[dayID] + "-open");
	var closedDiv = document.getElementById("row" + rowID + "-" + dayNames[dayID] + "-closed");

	// hide open div
	openDiv.style.display = "block";
	
	// show closed div
	closedDiv.style.display = "none";
}

//****************
// selectStage()
// Passed select Object and preset stage Id if appropriate.
// Changes content in selected column/row to date from selected stage.
//****************
function selectStage(selectObj, stageID)
{
	// get ID of selected/passed stage
	if (!stageID)
	{
		var newStageID = selectObj.options[selectObj.selectedIndex].value;
	}
	else
	{
		var newStageID = stageID;
		
		// set selected item
		for (var i=0; i<selectObj.options.length; i++)
		{
			if (selectObj.options[i].value == stageID)
			{
				selectObj.selectedIndex = i;
			}
		}
	}
	
	// Figure out row/col of select list 
	var targetRow = selectObj.id.split("_")[1];
	var targetCol = selectObj.id.split("_")[2];
	
	// Find target table objects
	var tableOpen = [document.getElementById("tableopen_" + targetRow + "_" + targetCol + "_0"),
					 document.getElementById("tableopen_" + targetRow + "_" + targetCol + "_1"),
					 document.getElementById("tableopen_" + targetRow + "_" + targetCol + "_2"),
					 document.getElementById("tableopen_" + targetRow + "_" + targetCol + "_3")];
	
	var tableClosed = [document.getElementById("tableclosed_" + targetRow + "_" + targetCol + "_0"),
					   document.getElementById("tableclosed_" + targetRow + "_" + targetCol + "_1"),
					   document.getElementById("tableclosed_" + targetRow + "_" + targetCol + "_2"),
					   document.getElementById("tableclosed_" + targetRow + "_" + targetCol + "_3")];	
	
	// Create arrays to contain HTML of new tables
	tableOpenCode = new Array();
	tableOpenCode[0] = "";
	tableOpenCode[1] = "";
	tableOpenCode[2] = "";
	tableOpenCode[3] = "";
	
	tableClosedCode = new Array();
	tableClosedCode[0] = "";
	tableClosedCode[1] = "";
	tableClosedCode[2] = "";	
	tableClosedCode[3] = "";	

	// Create new table code for each day
	for (var i=0; i < stagesData[newStageID].performances.length; i++)
	{
		// Shortcut to data
		var pItem = stagesData[newStageID].performances[i];	
		
		// Fix Col 3 padding value for IE6
		var paddingValue = (targetCol == "2") ? "8px" : "0px"
		
		// Build HTML string
		
		
		//***************
		// WITH TIMES
		//***************
		 codeString = "<tr><td align='left' style='_padding-left:" + paddingValue + "'>" + pItem["name"] + "</td><td width='100' align='right' style='padding-right:3px'>" + pItem["time-start"] + " to " + pItem["time-end"] + "</td></tr>";
		
		//***************
		// WITHOUT TIMES
		//***************
		//codeString = "<tr><td colspan='2'>"+pItem["name"]+"</td></tr>";
		
		
		
		// Figure out which day current iteration goes in and sotre in correct array
		var dayNumber = Number(pItem["day"]) - 25;
		tableOpenCode[dayNumber] += codeString;
		
		// Add first item to closed-table code.
		if (tableClosedCode[dayNumber] == "")
		{
			tableClosedCode[dayNumber] += codeString;
		}
	}
	
	// Apply new code to day divs in current row
	for (var i=1; i<4; i++)
	{
		// Default to 'No performances' text if no data.
		if (tableOpenCode[i] == "")
		{
			tableOpenCode[i] = "<tr><td align='center' valign='middle'>No performances</td></tr>";
			tableClosedCode[i] = "<tr><td align='center' valign='middle'>No performances</td></tr>";
		}
		
		// Find and store parent div node (based on current table)
		var parentDiv = tableOpen[i].parentNode;
		var tableID = tableOpen[i].id
		// Apply table code to parent div, overwirting current HTML in the process.
		parentDiv.innerHTML = '<table cellpadding="3" border="0" width="190" class="lineUpTable" id="' + tableID + '">' + tableOpenCode[i] + '</table>';
		
		// Find and store parent div node (based on current table)
		var parentDiv = tableClosed[i].parentNode;
		var tableID = tableClosed[i].id;
		// Apply table code to parent div, overwirting current HTML in the process.
		parentDiv.innerHTML = '<table border="0" width="190" class="lineUpTableClosed" id="' + tableID + '">' + tableClosedCode[i] + '</table>';
	}

}