// -------------------------------------- MovieListFrame.aspx ---------------------------------
function ResetListCellStyles()
{
	window.document.getElementById("iTalkiesListCells").style.display = "";
	window.document.getElementById("iTalkiesListCells").width = "";
	window.document.getElementById("MyListCells").style.display = "";
	window.document.getElementById("MyListCells").width = "";
	window.document.getElementById("LeftNavTableContainer").width = 172;
}

function SetMyListWindowSmall (myListWindowDoc)
{
	var colMovieEntryDates = iTFindAllDoc (myListWindowDoc, "EntryDateCell");
	var colMovieWaitNumber = iTFindAllDoc (myListWindowDoc, "WaitNumber");
	var colMovieWaitTime = iTFindAllDoc (myListWindowDoc, "WaitTime");
	var myListTable = myListWindowDoc.getElementById("MyListTable");
	
	myListTable.width = "245px";

	myListWindowDoc.getElementById("PriHeader").className = "";
	myListWindowDoc.getElementById("MovieHeader").className = "";
	myListWindowDoc.getElementById("WaitNumberHeader").className = "";
	myListWindowDoc.getElementById("EntryDateCellHeader").className = "";
	myListWindowDoc.getElementById("WaitTimeHeader").className = "";
	myListWindowDoc.getElementById("PriHeader").innerHTML = "";
	myListWindowDoc.getElementById("MovieHeader").innerHTML = "";
	myListWindowDoc.getElementById("WaitNumberHeader").innerHTML = "";
	myListWindowDoc.getElementById("EntryDateCellHeader").innerHTML = "";
	myListWindowDoc.getElementById("WaitTimeHeader").innerHTML = "";
	myListWindowDoc.getElementById("ListHeading").className = "ITalkiesMyListTableHeaderHidden";
	myListWindowDoc.getElementById("ListHeading").height = "1px";
	myListWindowDoc.getElementById("ListHeadingLine").className = "ITalkiesMyListTableHeaderHidden";
	myListWindowDoc.getElementById("ExpandInstructions").style.display = "none";
	// The number of MyListElementFrame items is the same as the number of the other items since the
	// MyListElementFrame items 
	if (colMovieEntryDates != null)
	{
		if (colMovieEntryDates.length != null)
		{
			for (var i=0; i < colMovieEntryDates.length; i++)
			{
				colMovieEntryDates[i].className = "ITalkiesMyListCellHidden";
				colMovieWaitNumber[i].className = "ITalkiesMyListCellHidden";
				colMovieWaitTime[i].className = "ITalkiesMyListCellHidden";
			}
		}
		else
		{
			colMovieEntryDates.className = "ITalkiesMyListCellHidden";
			colMovieWaitNumber.className = "ITalkiesMyListCellHidden";
			colMovieWaitTime.className = "ITalkiesMyListCellHidden";
		}
	}
}

function SetMyListWindowLarge (myListWindowDoc)
{
	var colMovieEntryDates = iTFindAllDoc (myListWindowDoc, "EntryDateCell");
	var colMovieWaitNumber = iTFindAllDoc (myListWindowDoc, "WaitNumber");
	var colMovieWaitTime = iTFindAllDoc (myListWindowDoc, "WaitTime");

	var myListTable = myListWindowDoc.getElementById("MyListTable");
	
	myListTable.width = "100%";

	myListWindowDoc.getElementById("PriHeader").className = "ITalkiesMyListTableHeaderTemplate";
	myListWindowDoc.getElementById("MovieHeader").className = "ITalkiesMyListTableHeaderTemplate";
	myListWindowDoc.getElementById("WaitNumberHeader").className = "ITalkiesMyListTableHeaderTemplateFixedWidth";
	myListWindowDoc.getElementById("EntryDateCellHeader").className = "ITalkiesMyListTableHeaderTemplateFixedWidth";
	myListWindowDoc.getElementById("WaitTimeHeader").className = "ITalkiesMyListTableHeaderTemplateFixedWidth";
	myListWindowDoc.getElementById("PriHeader").innerHTML = "Pri.";
	myListWindowDoc.getElementById("MovieHeader").innerHTML = "Movie";
	myListWindowDoc.getElementById("WaitNumberHeader").innerHTML = "Position on Movie Waiting List";
	myListWindowDoc.getElementById("WaitTimeHeader").innerHTML = "Approx. Wait";
	myListWindowDoc.getElementById("EntryDateCellHeader").innerHTML = "Entry Date (PST)";
	myListWindowDoc.getElementById("ListHeading").className = "ITalkiesMyListTableHeader";
	myListWindowDoc.getElementById("ListHeading").height = "50px";
	myListWindowDoc.getElementById("ListHeadingLine").className = "";
	myListWindowDoc.getElementById("ExpandInstructions").style.display = "";
	// The number of MyListElementFrame items is the same as the number of the other items since the
	// MyListElementFrame items 

	if (colMovieEntryDates != null)
	{
		if (colMovieEntryDates.length != null)
		{
			for (var i=0; i < colMovieEntryDates.length; i++)
			{
				colMovieEntryDates[i].className = "ITalkiesMyListCell";
				colMovieWaitNumber[i].className = "ITalkiesMyListCell";
				colMovieWaitTime[i].className = "ITalkiesMyListCell";
			}
		}
		else
		{
			colMovieEntryDates.className = "ITalkiesMyListCell";
			colMovieWaitNumber.className = "ITalkiesMyListCell";
			colMovieWaitTime.className = "ITalkiesMyListCell";
		}
	}
}

function iTalkiesGetMyListWindowDoc ()
{
	if (safari) return iTFindFrames (window.document, "MyListFrame").contentDocument;
	else if (moz) return iTFindFrames (window.document, "MyListFrame").contentWindow.document;
	if (ie) return window.document.frames.item("MyListFrame").document;
}

function iTalkiesLeftShiftClick(srcImageElement)
{
	// 0. the window is to the left most
	if (window.document.getElementById("iTalkiesListCells").style.display == "none")
	{
		return;
	}
	// 1. The window is to the right most
	if (window.document.getElementById("MyListCells").style.display == "none")
	{
		ResetListCellStyles();
		window.document.getElementById("MyListCells").width = 245;
		window.document.getElementById("LeftNavTableContainer").width = 172;
		window.document.getElementById("iTalkiesListCells").width = window.document.body.offsetWidth - 172 - 21 - 245;
		SetMyListWindowSmall (iTalkiesGetMyListWindowDoc ());
	}
	// 2. The window is showing less of my list
	else if (window.document.getElementById("MyListCells").clientWidth <= 260)
	{
		ResetListCellStyles();
		window.document.getElementById("MyListCells").width = window.document.body.offsetWidth - 172 - 21 - 245;
		window.document.getElementById("LeftNavTableContainer").width = 172;
		window.document.getElementById("iTalkiesListCells").width = 245;
		SetMyListWindowLarge (iTalkiesGetMyListWindowDoc ());
	}	
	// 3. The window is showing more of my list
	else if (window.document.getElementById("iTalkiesListCells").clientWidth <= 260)
	{
		HideiTalkiesList(srcImageElement);
	}
}

function iTalkiesRightShiftClick(srcImageElement)
{
	// 0. the window is to the right most
	if (window.document.getElementById("MyListCells").style.display == "none")
	{
		return;
	}
	// 1. The window is to the left most
	if (window.document.getElementById("iTalkiesListCells").style.display == "none")
	{
		ResetListCellStyles();
		window.document.getElementById("MyListCells").width = window.document.body.offsetWidth - 172 - 21 - 245;
		window.document.getElementById("LeftNavTableContainer").width = 172;
		window.document.getElementById("iTalkiesListCells").width = 245;
		SetMyListWindowLarge (iTalkiesGetMyListWindowDoc ());
	}
	// 2. The window is showing more of my list
	else if (window.document.getElementById("iTalkiesListCells").clientWidth <= 260)
	{
		ResetListCellStyles();
		window.document.getElementById("MyListCells").width = 245;
		window.document.getElementById("LeftNavTableContainer").width = 172;
		window.document.getElementById("iTalkiesListCells").width = window.document.body.offsetWidth - 172 - 21 - 245;
		SetMyListWindowSmall (iTalkiesGetMyListWindowDoc ());
	}	
	// 3. The window is showing less of my list
	else if (window.document.getElementById("MyListCells").clientWidth <= 260)
	{
		HideMyList(srcImageElement);
	}
}

function iTalkiesMyListOnLoad ()
{
	if (window.document.body.clientWidth <= 260) // give some room for error
	{
		SetMyListWindowSmall (window.document);
	}
	else
	{
		SetMyListWindowLarge (window.document);
	}
}

function HideiTalkiesList(srcImageElement)
{
	ResetListCellStyles();
	window.document.getElementById("iTalkiesListCells").style.display = "none";
	window.document.getElementById("MyListCells").style.display = "";
	// Now ensure that the MyList window gets loaded correctly
	window.document.getElementById("MyListCells").width = window.document.body.offsetWidth - 172 - 21;
	window.document.getElementById("LeftNavTableContainer").width = 172;
	window.document.getElementById("iTalkiesListCells").width = "";
	SetMyListWindowLarge (iTalkiesGetMyListWindowDoc ());
}

function HideMyList(srcImageElement)
{
	ResetListCellStyles();
	window.document.getElementById("iTalkiesListCells").style.display = "";
	window.document.getElementById("MyListCells").style.display = "none";
	window.document.getElementById("MyListCells").width = "";
	window.document.getElementById("LeftNavTableContainer").width = 172;
	window.document.getElementById("iTalkiesListCells").width = window.document.body.offsetWidth - 172 - 21;
}