var pageIds=["aboutUs", "demoVideos", "chess", "pocketBalls", "bubbleShot", "connectFive", "colorizer", "nBackSuite", "3DDice"];
var curPageId="";
var videoWindow;
var browser;

function enter(newBrowser) {
	browser=newBrowser;
	showFirstPage();
}

function showFirstPage() {
	pageId=location.hash;
	found=false;
	if (pageId!="") {
		pageId=pageId.substr(1);	
		for (i=0; !found && i<pageIds.length; i++)
			if (pageIds[i]==pageId)
				found=true;
	}
	if (!found)
		pageId=pageIds[0];
	showPage(pageId);
}

function exit() {
	if (videoWindow)
		videoWindow.close();
}

function closeVideoWindow() {
	if (videoWindow)
		videoWindow.close();
}

function setTextDecoration(elem, value) {
	if (elem) 
		elem.style.textDecoration=value;
}

function setDisplay(elem, value) {
	if (elem)
		elem.style.display=value;
}

function hidePage(pageId) {
	elem=document.getElementById(pageId+"TopLink");
	setTextDecoration(elem, "none");
	elem=document.getElementById(pageId+"Content");
	setDisplay(elem, "none");
	elem=document.getElementById(pageId+"Image");
	if (elem)
		setDisplay(elem, "none");
}

function showPage(pageId) {
	if (videoWindow)
		videoWindow.close();
	if (curPageId!="")
		hidePage(curPageId);
	elem=document.getElementById(pageId+"TopLink");
	setTextDecoration(elem, "underline");
	elem=document.getElementById(pageId+"Content");
	setDisplay(elem, "block");
	elem=document.getElementById(pageId+"Image");
	if (elem)
		setDisplay(elem, "block");
	curPageId=pageId;
}