var player_turn = -1;
var flashing = new Array();
var processingEvent = false;
var status_update = 0;
var logoclicks = 0;
var lastlogoclick = 0;

var requests = new Array();

function newHttpRequest(url, callback, retrytime,rclass,obsolescent)
{
	if(rclass)
	{
		for(var n=0; n<requests.length; n++)
		{
			if(requests[n].rclass == rclass && requests[n].obsolescent == true)
			{
				requests[n].Obsolete();
			}
		}
	}
	requests[requests.length] = new httpRequest(url, callback, retrytime,rclass,obsolescent);
	if(requests.length==1) requests[0].sendHttpRequest();
}

function httpRequest(url, callback, retrytime,rclass,obsolescent)
{
	var req;
	var state = 0;
	var time = getTime();
	var obsolete = false;
	this.rclass = rclass;
	this.obsolescent = obsolescent;
	
	this.sendHttpRequest = function()
	{
		_sendHttpRequest();
	}
	
	this.Obsolete = function()
	{
		obsolete = true;
	}
	
	function _sendHttpRequest()
	{
		state = 0;
		if(window.XMLHttpRequest)
	    {
	        req = new XMLHttpRequest();
	        req.onreadystatechange = httpRequestCallback;
	        req.open("GET", url, true);
	        req.send(null);
	    }
	    else if(window.ActiveXObject)
	    {
	        req = new ActiveXObject("Microsoft.XMLHTTP");
	        req.onreadystatechange = httpRequestCallback;
	        req.open("GET", url, true);
	        req.send();
	    }
	}

	function httpRequestCallback()
	{		
	    if (req.readyState == 4)
	    {
		    var ok = true;
		    try { req.status }
		    catch(err) { ok = false; }
		    
	        if (ok && req.status && req.status == 200)
	        {
		        if(!obsolete && callback) callback(req.responseText);
		        requests.splice(0,1);
		        if(requests.length>0) requests[0].sendHttpRequest();
	        }
	        else ok = false;
	        
	        if(!ok)
	        {
				var date = new Date();
		        if((!retrytime || retrytime==0 || date.getTime()<time+retrytime*1000) && !obsolete) _sendHttpRequest(); 
			    else
			    {
			        requests.splice(0,1);
					while(requests.length>0 && requests[0].obsolete==true) requests.splice(0,1);
			        if(requests.length>0) requests[0].sendHttpRequest();
			    }
	        }
        }
	}	
}	

function set_cookie( name, value ) 
{
document.cookie = name + "=" +escape( value );
}

function get_cookie( name )
{
	
var start = document.cookie.indexOf( name + "=" );
var len = start + name.length + 1;
if ( ( !start ) &&
( name != document.cookie.substring( 0, name.length ) ) )
{
return null;
}
if ( start == -1 ) return null;
var end = document.cookie.indexOf( ";", len );
if ( end == -1 ) end = document.cookie.length;
return unescape( document.cookie.substring( len, end ) );
}

function delete_cookie( name )
{
if ( get_cookie( name ) ) document.cookie = name + "=" +
";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}

var name_entry_fields = 2;

function showUsersDone()
{
	var show = false;
	for(var i=1; i<=name_entry_fields; i++)
	{
		if(document.getElementById("name"+i).value != "")
		{
			show = true;
			break;
		}
	}
	if(show) unhide("usersdone");
	else hide("usersdone");
}

function unhide(s)
{
	document.getElementById(s).style.position = 'relative';
	document.getElementById(s).style.visibility = 'visible';
}

function hide(s)
{
	document.getElementById(s).style.position = 'absolute';
	document.getElementById(s).style.visibility = 'hidden';
}

function addPlayer(p)
{
	if(p>name_entry_fields && document.getElementById("name"+(p-1)).value != "")
	{
		var tr = document.createElement("tr");
		var td1 = document.createElement("td");
		var x = document.createTextNode("Player "+p+":");
		td1.appendChild(x);
		tr.appendChild(td1);
		var td2 = document.createElement("td");
		var input = document.createElement("input");
		input.setAttribute("type","text");
		input.setAttribute("size","20");
		input.setAttribute("id","name"+p);
		input.setAttribute("name","name"+p);
		if(p<10) input.setAttribute("onkeyup","showUsersDone(); addPlayer("+(p+1)+");");
		td2.appendChild(input);
		tr.appendChild(td2);
		document.getElementById('name_entry').appendChild(tr);
		name_entry_fields = p;
	}
}

function login()
{
	if(status==0)
	{
		prev_status = status;
		status = 1;
		game_categories[0] = "";
		var x = "";
		for(var i=1; i<=name_entry_fields; i++)
		{
			if(document.getElementById("name"+i).value != "")
			{
				var s = document.getElementById("name"+i).value;
				users[users.length] = new User(s);
				s= escape(s);
				x += "((split))"+s;
			}
		}
		status_update++;
		newHttpRequest(getFolder()+"/action.php?action=login&"+status_update+"&"+pcid+","+x,timerUpdate);
		
		var greeting = "";
		for(i=0; i<users.length; i++)
		{
			greeting += users[i].name;
			if(i<users.length-2) greeting += ", ";
			else if(i==users.length-2) greeting += " and ";
		}
		document.getElementById("greeting").innerHTML = greeting;
		
		hideAll();
		setVisibility('lobby','visible');
	}
}

function newgame()
{	
	game_owner = true;
	gameid=0;
	prev_status = status;
	status = 2;
	allow_join_requests = 1;
	status_update++;
    newHttpRequest(getFolder()+"/action.php?action=startgame&su="+status_update+"&pcid="+pcid,getGameID);
	hideAll();
	setVisibility('newgame','visible');
	document.getElementById('cat1').focus();
}

function showCategoriesDone()
{
	var show = true;
	for(var i=1; i<=6; i++)
	{
		if(document.getElementById("cat"+i).value == "")
		{
			show = false;
			break;
		}
	}
	if(show) unhide("categoriesdone");
	else hide("categoriesdone");
}

function checkCategories()
{
	hide("categoriesdone");
	hide("cancelgame");
	document.getElementById("catstatus").innerHTML = "Now we have to see if the categories you've entered exist in wikipedia. Please wait...";
	for(var i=1; i<=6; i++)
	{
		document.getElementById("cat"+i).disabled = true;
		document.getElementById("cat"+i+"status").innerHTML = "";
	}
	categoryFailed = 0;
	checkCategory(1);
}

var checkingCategory;
var categoryFailed;

function checkCategory(i)
{
	var category = document.getElementById("cat"+i).value;
    checkingCategory = i;
    document.getElementById("cat"+i+"status").innerHTML = "Checking...";
    newHttpRequest(getFolder()+"/getcategory.php?"+pcid+","+gameid+","+i+","+category,processCategories);
}

function processCategories(responseText)
{
    if(responseText!=0)
    {
		response  =  responseText.split("\r\n");
		game_categories_tla[checkingCategory-1] = response[1];
		document.getElementById("cat"+checkingCategory+"status").innerHTML = "<a class=success>Succeeded!</a> <a href=\"javascript:void(0)\" class='smallbutton button_"+colours[checkingCategory-1]+"' onclick=\"javascript:categoryDetails("+checkingCategory+",'"+colours[checkingCategory-1]+"')\">Details</a>";
    }
    else
    {
			document.getElementById("cat"+checkingCategory+"status").innerHTML = "<a class=failure>Failed!</a>";
			if(categoryFailed==0) categoryFailed = checkingCategory;
    }
	if(checkingCategory<6) checkCategory(checkingCategory+1);
	else
	{
		unhide("cancelgame");
		if(categoryFailed != 0 )
		{
   			for(var i=1; i<=6; i++) document.getElementById("cat"+i).disabled = false;
			document.getElementById("catstatus").innerHTML = "Some of the categories you entered can't be found. Change those marked as failed and try again.";
			document.getElementById('cat'+categoryFailed).focus();
			document.getElementById('cat'+categoryFailed).select();
		}
		else
		{	
			for(var i=1; i<=6; i++) game_categories[i-1] = document.getElementById("cat"+i).value;
			resetBoard();
					
			// reset game settings
			processingEvent = false;
			flashing.length = 0;
			player_turn = -1;
			q_question = "";
			awaitingQuestion = false;
			awaitingSteal = false;
			players.length = 0;
			events.length = 0;
			
			document.getElementById("catstatus").innerHTML = "All of those categories are okay. You can change them if you want to or continue to the next step.";
			unhide("changecategories");
			unhide("setupgameoptions");					
		}
	}
}

function changeCategories()
{
	for(var i=1; i<=6; i++)
	{
		document.getElementById("cat"+i).disabled = false;
   		document.getElementById("cat"+i+"status").innerHTML = "";
	}
	document.getElementById("catstatus").innerHTML = "";
	hide("changecategories");
	hide("setupgameoptions");
	unhide("categoriesdone");
	document.getElementById('cat1').focus();
	document.getElementById('cat1').select();
}

function setupGameOptions()
{
	updateCategoryDetails(0);
	hideAll();
	setVisibility('gameoptions','visible');
}

function categoryDetails(i,color)
{
	if(document.getElementById("category_list")!==null) document.getElementById('categorydetailscheckboxes').removeChild(document.getElementById("category_list"));
	document.getElementById("categorydetails_categoryname").innerHTML = document.getElementById('cat'+i).value;
	popup("categorydetails",1,color);
	document.getElementById('categorydetailscheckboxes').innerHTML = "Building list...";
	catnum_edit = 0;
    newHttpRequest(getFolder()+"/getsubcategories.php?gameid="+gameid+"&catnum="+i,editCategory);
}

var subcats_edit;
var subcats_edit_id = new Array();
var catnum_edit;
function editCategory(responseText)
{
    document.getElementById('categorydetailscheckboxes').innerHTML = "";
    subcats_edit = 0;
	response  =  responseText.split("\r\n");
	catnum_edit = response[0];
	var catid = response[1];
	var catname = response[2];
	subcats_list = document.createElement("ul");
	subcats_list.setAttribute("id","category_list");
	for(var i=3; i<response.length-1; i+=3)
	{
    	subcatid = response[i];
    	subcatname = response[i+1];
    	subcatuse = response[i+2];
    	subcats_edit_id[subcats_edit] = subcatid;
    	
    	var li = document.createElement("li");
    	var label = document.createElement("label");
    	label.setAttribute("for","subcat_"+subcats_edit);
    	var input = document.createElement("input");
    	input.setAttribute("id","subcat_"+subcats_edit);
    	input.setAttribute("type","checkbox");
    	if(subcatuse==1) input.setAttribute("checked","checked");
    	var annotation = document.createTextNode(subcatname);
    	label.appendChild(input);
    	label.appendChild(annotation);
    	li.appendChild(label);
    	subcats_list.appendChild(li);

    	subcats_edit++;
    	
	}
	
	// Now to check the boxes again for stupid IE
    list = document.getElementById('categorydetailscheckboxes').appendChild(subcats_list);
    var x=list.childNodes;
	for (i=0;i<x.length;i++)
	{
		if(response[5+i*3]==1) x[i].firstChild.firstChild.checked = 1;
	}
}

function updateCategoryDetails(doit)
{
	if(catnum_edit != 0 && doit)
	{
		var str = "";
		for(var i=0; i<subcats_edit; i++)
		{
			if(document.getElementById("subcat_"+i).checked==true) str += subcats_edit_id[i]+",1;"
			else str += subcats_edit_id[i]+",0;"
		}
	    newHttpRequest(getFolder()+"/action.php?action=updatecategory&gameid="+gameid+"&catnum="+catnum_edit+"&values="+str);
	}
	if(document.getElementById("category_list")) document.getElementById('categorydetailscheckboxes').removeChild(document.getElementById("category_list"));
	popup("categorydetails",0);
}

function getGameID(responseText)
{
	gameid  =  responseText;
}

function infoBox(info,color,ok)
{
	document.getElementById("infobox_text").innerHTML = info;
	popup("infobox",1,color);
	if(ok==-1)
	{
		document.getElementById("infoboxOK").style.visibility = "hidden";
		document.getElementById("infoboxOK").style.position = "absolute";
	}
	else
	{
		document.getElementById("infoboxOK").style.visibility = "visible";
		document.getElementById("infoboxOK").style.position = "relative";
	}
}

function infoBoxOK()
{
	popup("infobox",0);
}

function updateGameSettings()
{
	var start_busts = document.getElementById("start_busts").value;
	var board_busts = document.getElementById("board_busts").value;
	var always_gems = document.getElementById("always_gems1").checked == true?1:0;
	var steal_gems = document.getElementById("steal_gems").checked == true?1:0;
	var collect_gems = document.getElementById("collect_gems").value;
	var return_to_centre = document.getElementById("return_to_centre").checked == true?1:0;
	var final_question = document.getElementById("final_question").checked == true?1:0;
	prev_status = status;
	status = 3;
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=updategamesettings&su="+status_update+"&pcid="+pcid+"&gameid="+gameid+"&start_busts="+start_busts+"&board_busts="+board_busts+"&always_gems="+always_gems+"&steal_gems="+steal_gems+"&collect_gems="+collect_gems+"&return_to_centre="+return_to_centre+"&final_question="+final_question,applyGameSettings,0,"updategamesettings",true);
	hideAll();
	setVisibility('ready','visible');
}

function applyGameSettings(responseText)
{
	busts.length = 0;
	var b = getElementsByClass("bust");
	for(var i=0; i<b.length; i++)
	{
		document.getElementById("board").removeChild(b[i]);
	}
	
	response  =  responseText.split("\r\n");
	for(i=0; i<response.length && response[i]!=""; i+=2)
	{
		busts[busts.length] = new Bust(response[i],response[i+1]);
		newBust(response[i],response[i+1]);
	}
}

function newBust(id,pos)
{		
	if(!document.getElementById("bust"+id))
	{
		var bust = document.createElement("img");
	    bust.setAttribute("src",graphics+"/board/bust.png");
	    bust.setAttribute("id","bust"+id);
	    bust.setAttribute("class","bust");
	    bust.setAttribute("className","bust");
		bust.setAttribute("width",Math.floor(26*tileRatioX));
		bust.setAttribute("height",Math.floor(50*tileRatioY));
		bust.style.left = ((board[pos].col-1)*tileColWid)+Math.floor(31*tileRatioX);
		var y = (board[pos].row-1)*tileRowHei;
		if((board[pos].col%2)==1) y+=tileRowHeiHalf;
		bust.style.top = y+Math.floor(6*tileRatioY);
		document.getElementById("board").appendChild(bust);
	}
}

function editGameSettings()
{
	prev_status = status;
	status = 2;
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=status&status=2&su="+status_update+"&pcid="+pcid,0,0,"status",true);
	
	hideAll();
	setVisibility('gameoptions','visible');	
	
	doUpdate();
}

function startGame()
{
	prev_status = status;
	status = 4;
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=status&status=4&su="+status_update+"&pcid="+pcid,0,0,"status",true);
	hideAll();
	setVisibility('gameboard','visible');
}

function confirmQuitGame()
{
	yesnopopup("Quit game?",'popup("yesno",0); quitGame();','popup("yesno",0);');
}

function quitGame()
{	
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=quitgame&su="+status_update+"&pcid="+pcid+"&gameid="+gameid,timerUpdate);
	resetAll();
}

function cancelGame()
{	
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=cancelgame&su="+status_update+"&pcid="+pcid+"&gameid="+gameid,timerUpdate);
	resetAll();
}

function resetAll()
{
	prev_status = status;
	status = 1;
	game_categories[0] = "";
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=status&status=1&su="+status_update+"&pcid="+pcid,0,0,"status",true);
	
	// reset game id
	gameid=0;
	
	// hide everything that might be visible
	updateCategoryDetails(0);
	hideAll();
	
	// show the lobby
	setVisibility('lobby','visible');
	
	// reset category page
	for(var i=1; i<=6; i++)
	{
		document.getElementById("cat"+i).disabled = false;
		document.getElementById("cat"+i).value = "";
   		document.getElementById("cat"+i+"status").innerHTML = "";
	}
	document.getElementById("catstatus").innerHTML = "";
	
	// reset options page
	document.getElementById("start_busts").value = 5;
	document.getElementById("board_busts").value = 5;
	document.getElementById("always_gems0").checked = "checked";
	document.getElementById("steal_gems").checked = "checked";
	document.getElementById("collect_gems").value = 6;
	document.getElementById("return_to_centre").checked = "checked";
	document.getElementById("final_question").checked = "checked";
	
	// reset game settings
	processingEvent = false;
	flashing.length = 0;
	player_turn = -1;
	q_question = "";
	awaitingQuestion = false;
			awaitingSteal = false;
	players.length = 0;
	gameid = 0;
	game_owner = false;
	allow_join_requests = 1;
	for(var i=0; i<6; i++) game_categories[i] = '';
	events.length = 0;
}

function editCategories()
{	
	infoBoxOK();
	hideAll();
	unhide("changecategories");
	unhide("setupgameoptions");
	setVisibility('newgame','visible');
}

var clockID = 0;
var q_question = "";
var q_answer, q_page, q_anspos, q_cat, q_id;
var awaitingQuestion = false;

function askQuestion(newEvent,viewOnly)
{
	if(newEvent==1) newHttpRequest(getFolder()+"/action.php?action=event&event=askq&pcid="+pcid+"&userid="+player_turn+"&time="+getTime()+"&qid="+q_id+"&cat="+q_cat);
	var n = findPlayer(player_turn);
	if(q_id!=-1)
	{
		document.getElementById("questionbox_category").innerHTML = game_categories[q_cat-1];
		document.getElementById("questionbox_subcategory").innerHTML = q_page;
		document.getElementById("questionbox_question").innerHTML = q_question;
		document.getElementById("questionbox_answer").value = "";
		popup("infobox",0);
		unhide("infoboxOK");
		if(viewOnly)
		{
			hide("questionbox_answer");
			hide("questionOK");
			hide("revealLetter");
			unhide("questionClose");
		}
		else
		{
			unhide("questionbox_answer");
			unhide("questionOK");
			if(players[n].busts>0)
			{
				unhide("revealLetter");
				document.getElementById("revealLetter").innerHTML = "Reveal a letter ("+players[n].busts+")";
			}
			else hide("revealLetter");
			hide("questionClose");
		}
		popup("questionbox",1,colours[q_cat-1]);
		if(!viewOnly) document.getElementById('questionbox_answer').focus();
	}
	else
	{	
		if(q_question!="***")
		{
			var n = findPlayer(player_turn);
			infoBox("No questions available. "+players[n].name+" gets a free go.",colours[q_cat-1],-1);
			if(findUser(player_turn)!=-1) newHttpRequest(getFolder()+"/action.php?action=event&event=roll&pcid="+pcid+"&userid="+player_turn,timerUpdate);
			setTimeout("hideInfoBox()", 2000);
		}
	}
}

function stripSpaces(s)
{
	var i=0;
	while(i<s.length && s.charAt(i)==' ')
	{
		i++;
	}
	var j=s.length-1;
	while(j>0 && s.charAt(j)==' ')
	{
		j--;
	}
	return s.substring(i,j+1);
}

function questionClose()
{
	popup("questionbox",0);
}

var awaitingSteal = false;
function stealGem(responseText)
{
	if(responseText)
	{
		response  =  responseText.split("\r\n");
		var table = "<table class='stealgem_table'>";
		var i=0;
		var j, uid, labl;
		while(i<response.length)
		{
			if(response[i].substring(0,1)=="#")
			{
				table += "<tr><td>"+response[i].substring(1)+"</td>";
				i++;
				uid = response[i];
				i++;
				while(i<response.length && response[i].substring(0,1)!="#")
				{
					j = response[i];
					labl = game_categories_tla[j-1];
					table += '<td><a title="'+game_categories[j-1]+'" href="javascript:void(0)" onclick="javascript:stealingGem('+uid+','+j+')" class="stealgem"><div class="stealgemtext stealgem'+colours[j-1]+'">'+labl+'</div></a></td>';
					i++;
				}
				table += "</tr>";
			}
			i++;
		}
		table += "</table>";
		var n = findPlayer(player_turn);
		document.getElementById("stealgem").innerHTML = players[n].name + " can steal a gem! Click on the gem you want to steal.<br><div align=center>"+table+"</div>";

		if(awaitingSteal==true)
		{
			awaitingSteal = false;
			popup("stealgem",1);
		}
	}
}

function stealingGem(user,cat)
{
	popup("stealgem",0);
	newHttpRequest(getFolder()+"/action.php?action=event&event=steal&pcid="+pcid+"&userid="+player_turn+"&stealfrom="+user+"&cat="+cat+"&time="+getTime(),timerUpdate);
}

function questionOK()
{
	var givenAnswer = stripSpaces(document.getElementById("questionbox_answer").value.toLowerCase());
//	if(givenAnswer==".") givenAnswer = q_answer; // sg
	var correct = (givenAnswer == q_answer)?1:0;
//	cs = 0; // Even if the checksum hasn't changed we need to process it, so the next go begins if it's the same player
	awaitingSteal = false;
	document.getElementById("stealgem").innerHTML = "";
	newHttpRequest(getFolder()+"/action.php?action=event&event=answer&pcid="+pcid+"&userid="+player_turn+"&time="+getTime()+"&correct="+correct+"&answer="+givenAnswer+"&hub="+(board[players[findPlayer(player_turn)].position].cat<0?1:0)+"&cat="+q_cat,correct?stealGem:timerUpdate);

	processingEvent = true;
	popup("questionbox",0);
	if(correct)
	{
		infoBox(q_answer+" is the right answer!",colours[q_cat-1],-1);
		setTimeout("hideInfoBox(2)", 2000);
	}
	else
	{
		infoBox("Wrong. The correct answer is "+q_answer+".",colours[q_cat-1],-1);
		player_turn = -1;
		
		setTimeout("hideInfoBox(1)", 2000);
	}
}

function getQuestion(responseText)
{
	response  =  responseText.split("\r\n");
	if(q_question=="" && (q_cat==7 || q_cat==response[0]) && response[1]!="*")
	{
		if(response.length>7)
		{
        	q_id = -1;
        	q_question = "**";
		}
    	else if(response[1]=="***")
    	{
        	q_id = -1;
        	q_question = "***";
    	}
    	else if(response[1]=="**")
    	{
        	q_id = -1;
        	q_question = "**";
    	}
    	else
    	{
        	q_cat = response[0];
        	q_page = response[1];
        	q_id = response[2];
        	q_answer = response[3];
        	q_anspos = response[4];
        	q_question = response[4];
        	q_anspos = q_question.length;
        	q_question += response[5];
    	}
    	if(awaitingQuestion==true)
        {
	        awaitingQuestion = false;
	        askQuestion(1);
        }
	}
}

function answerEntry(e)
{
	var c;
	if(e && e.which) c = e.which;
	else c = event.keyCode;
	
	if(c == 13)
	{
		questionOK();
		return false;
	}
	else if( (c>=97 && c<=122) || (c>=65 && c<=90) || (c>=48 && c<=57) || c==8 )
	{
		return true;
	}
	else
	{
		return false;
	}
}

function movePiece(path,to,alreadyLogged)
{
	processingEvent = true;
	setTimeout("movePieceStep('"+path+"',"+getTime()+")", 100);
	
	awaitingQuestion = false;
	var n = findPlayer(player_turn);
	players[n].position = to;
	q_question = "";
	q_cat = Math.abs(board[to].cat);
	if(!alreadyLogged)
	{
		newHttpRequest(getFolder()+"/action.php?action=event&event=move&gameid="+gameid+"&pcid="+pcid+"&userid="+player_turn+"&time="+getTime()+"&position="+to+"&path="+path+"&cat="+Math.abs(board[to].cat),board[to].cat==0?0:getQuestion);
	}
	if(findUser(player_turn)!=-1)
	{
		if(q_cat==0) newHttpRequest(getFolder()+"/action.php?action=event&event=roll&pcid="+pcid+"&userid="+player_turn,timerUpdate);
		else
		{
			newHttpRequest(getFolder()+"/action.php?action=event&event=expandcat&gameid="+gameid+"&pcid="+pcid+"&cat="+Math.abs(board[to].cat),getQuestion);
		}
	}

	for(var i=0; i<flashing.length; i++)
	{
		var j = flashing[i];
		var tile = document.getElementById("tile"+j);
		tile.onclick = null;
		//tile.setAttribute("onclick","");
		var gem = document.getElementById("gem"+j);
		gem.onclick = null;
		//gem.setAttribute("onclick","");
		var gem_label = document.getElementById("gem_label"+j);
		if(gem_label)
		{
			gem_label.onclick = null;
			//gem_label.setAttribute("onclick","");
		}
	}
	for(i=0; i<players.length; i++)
	{
		var piece = document.getElementById("piece"+players[i].id);
		piece.onclick = null;
		//piece.setAttribute("onclick","");
	}
	var b = getElementsByClass("bust");
	for(var i=0; i<b.length; i++)
	{
		b[i].onclick = null;
		//b[i].setAttribute("onclick","");
	}
}

function movePieceStep(path,time)
{
	var piece = document.getElementById("piece"+player_turn);
	if(!piece) return;
	
	var progress = getTime()-time;
	if(progress>=1000)
	{
		path = path.substring(2);
		if(path.length<4)
		{
			var at = path.substring(0,2);
			if(at.charAt(0)=='0') at = at.substring(1,2);
			positionPiece(player_turn,at);
			processingEvent = false;
			flash(1);
			flashing.length = 0;
			for(var n=0; n<busts.length; n++)
			{
				if(busts[n].position == players[findPlayer(player_turn)].position)
				{
					players[findPlayer(player_turn)].busts++;
					break;
				}
			}
			if(findUser(player_turn)!=-1)
			{
				if(q_cat==0) processEvent();
				else
				{
					if(q_question != "") askQuestion(1);
					else
					{
						infoBox("Finding question...",colours[(Math.abs(board[players[findPlayer(player_turn)].position].cat)-1)%6],-1);
						awaitingQuestion = true;
					}
				}
			}
			else
			{
				processEvent();
			}
			return;
		}
		else
		{
			time = getTime();
			progress = 0;
		}
	}

	var from = path.substring(0,2);
	var to = path.substring(2,4);
	if(from.charAt(0)=='0') from = from.substring(1,2);
	if(to.charAt(0)=='0') to = to.substring(1,2);
	
	var fromLeft = ((board[from].col-1)*tileColWid)+Math.floor(28*tileRatioX);
	var y = (board[from].row-1)*tileRowHei;
	if((board[from].col%2)==1) y+=tileRowHeiHalf;
	var fromTop = y+Math.floor(13*tileRatioY);
	var toLeft = ((board[to].col-1)*tileColWid)+Math.floor(28*tileRatioX);
	y = (board[to].row-1)*tileRowHei;
	if((board[to].col%2)==1) y+=tileRowHeiHalf;
	var toTop = y+Math.floor(13*tileRatioY);
	
	var top = fromTop + Math.floor((toTop-fromTop)/10*progress/100);
	var left = fromLeft + Math.floor((toLeft-fromLeft)/10*progress/100);
	
	piece.style.left = left;
	piece.style.top = top;
	
	setTimeout("movePieceStep('"+path+"',"+time+")", 100);
}
  
function startTimer()
{
  clockID = setTimeout("update()", 5000);
  
  setTimeout("flash(0)", 500);
}

function endTimer()
{
  if(clockID)
  {
    clearTimeout(clockID);
    clockID  = 0;
  }
}

function flash(z)
{
	z = (z+1)%2;
	var gem;
	for(var i=0; i<flashing.length; i++)
	{
		gem = document.getElementById("gem"+flashing[i]);
		if(z==0)
		{
			gem.setAttribute("width",Math.floor(56*tileRatioX));
			gem.setAttribute("height",Math.floor(36*tileRatioY));
			gem.style.left = ((board[flashing[i]].col-1)*tileColWid)+Math.floor(16*tileRatioX);
			var y = (board[flashing[i]].row-1)*tileRowHei;
			if((board[flashing[i]].col%2)==1) y+=tileRowHeiHalf;
			gem.style.top = y+Math.floor(13*tileRatioY);
		}
		else
		{
			gem.setAttribute("width",Math.floor(45*tileRatioX));
			gem.setAttribute("height",Math.floor(29*tileRatioY));
			gem.style.left = ((board[flashing[i]].col-1)*tileColWid)+Math.floor(22*tileRatioX);
			var y = (board[flashing[i]].row-1)*tileRowHei;
			if((board[flashing[i]].col%2)==1) y+=tileRowHeiHalf;
			gem.style.top = y+Math.floor(17*tileRatioY);
		}
	}
	setTimeout("flash("+z+")", 500);
}

function update()
{
    clockID = setTimeout("update()", 5000);
    doUpdate();
    
    if(lastlogoclick<getTime()-3000) logoclicks = 0;
}


function doUpdate()
{
	newHttpRequest(getFolder()+"/timerupdate.php?pcid="+pcid+"&cs="+cs+"&ev="+ev,timerUpdate,5);
}

var join_request_pcid = new Array();
var join_request_users = new Array();
var invite_gameid = new Array();
var invite_users = new Array();
var invite_cats = new Array();

var cs = 0;

var colours = new Array("red","orange","yellow","green","blue","purple");

function timerUpdate(responseText)
{
	var sidebar_text = "";
	response  =  responseText.split("\r\n");
    var i=0
    line = "";
    if(i<response.length) cs_new = response[i];
    var col;
    if(cs_new != cs && cs_new!="")
    {
        cs = cs_new;
        i++;
        
        if(i<response.length && response[i]=="#SID" && response[i+1]!="")
        {
	        i++
	        if(sessionid!=response[i])
	        {
				processingEvent = true;
				infoBox("Hextreme is also running in another window. You can't run it in two windows at once.",colours[0],-1);
				return;
	        }
	        i++;
        }
        
        if(i<response.length && response[i]=="#USERS")
        {
            users.length = 0;
            i++;
            var uname, uid;
            while(response[i].substring(0,1)!=="#")
            {
	            uname = response[i].substring(1);
	            i++;
	            uid = response[i];
	            i++;
	            users[users.length] = new User(uname,uid);
            }
        }
        var boardReset = false;
        if(i<response.length && response[i]=="#STATUS")
        {
            i++;
            if(response[i]!=status)
            {
	            // TODO: Only allow changes of state that are possible, or it can send you back to where you just came from if it's out of sync
	            
	            if(response[i]!=prev_status)
	            {
		            if(response[i]==status)
		            {
			            prev_status = status;
		            }
		            else
		            {
			            status = response[i];
			            if(status==4 || status==-1)
			            {
							boardReset = true;
			            }
			            else if(status==1)
			            {
							resetAll();
						}
					}
				}
			}
	        i++;
        }
        
        if(i<response.length && response[i]=="#GAMEID")
        {
            i++;
            gameid = response[i];
            game_owner = false;
            i++;
        }
        
        if(i<response.length && response[i]=="#CATS")
        {
            for(i+=1;i<response.length && response[i].substring(0,1)!=="#"; i+=3)
            {
                game_categories[response[i]-1] = response[i+1].substring(1);
                game_categories_tla[response[i]-1] = response[i+2].substring(1);
            }
        }
        
        if(i<response.length && response[i]=="#BUSTS")
        {
	        busts.length = 0;
            for(i+=1;i<response.length && response[i].substring(0,1)!=="#"; i+=2)
            {
                busts[busts.length] = new Bust(response[i],response[i+1]);
            }
			boardReset = true;
        }
        
        if(boardReset)
        {
	        if(game_categories[0]!="")
	        {
		        resetBoard();
				// reset game settings
				processingEvent = false;
				flashing.length = 0;
				player_turn = -1;
				q_question = "";
				awaitingQuestion = false;
				awaitingSteal = false;
				players.length = 0;
				events.length = 0;
				
				hideAll();
				setVisibility('gameboard','visible');
			}
			else
			{
				status = 1;
				game_categories[0] = "";
				hideAll();
				setVisibility('lobby','visible');
			}
        }
        
        while(i<response.length && response[i]=="#PIECE")
        {
            i++;
            var userid = response[i];
            i++;
            var username = response[i].substring(1);
            i++;
            var piece_shape = response[i];
            i++;
            var piece_color = response[i];
            i++;
            var piece_position = response[i];
            i++;
            var piece_busts = response[i];
            i++;
            if(findPlayer(userid)==-1)
            {
			    players[players.length] = new Player(userid,username,piece_shape,piece_color,piece_position,piece_busts);
			    drawPlayer(userid);
			}
       }
       if(i<response.length && response[i]=="#PLAYERS")
       {
           var playerids = new Array();
            for(i+=1; i<response.length && response[i].substring(0,1)!=="#"; i++)
            {
                playerids[playerids.length] = response[i];
            }
            var playerok;
            for(var j=0; j<players.length; j++)
            {
                playerok = false;
                for(var k=0; k<playerids.length; k++)
                {
	                if(playerids[k] == players[j].id)
	                {
		                playerok = true;
		                break;
	                }
               }
                if(!playerok)
                {
					var piece = document.getElementById("piece"+players[j].id);
					if(piece) document.getElementById("board").removeChild(piece);
					players.splice(j,1);
					j--;
                }
            }
       }
       
        if(i<response.length && response[i]=="#OL")
        {
            var game = false;
            var pc = false;
            var pc_colour = 0;
            for(i+=1;i<response.length && response[i].substring(0,1)!=="#"; i++)
            {
                if(response[i].substring(0,1)=="*")
                {
                	sidebar_text += "<tr><td";
                	if(game) sidebar_text += " colspan=2";
                	sidebar_text += " align=center><a href='javascript:void(0)' onclick='javascript:addRemoveUsers()'>Add/Remove players</a><br>";
                	if(status==-1) sidebar_text += "<a href='javascript:void(0)' onclick='javascript:newgame()'>Start new game</a>";
                	sidebar_text += "</td></tr>";
                }
                else if(response[i].substring(0,1)==">")
                {
                    if(pc) sidebar_text += "</table>";
                    if(game)
                    {
	                    if(game_id==gameid && status!=-1)
	                    {
		                    sidebar_text += "<a href='javascript:void(0)' onclick='javascript:confirmQuitGame()'>Quit game</a>";
	                	}
	                    sidebar_text += "</td><td class=sidebar_game_r_"+col+"></td></tr><tr><td class=sidebar_game_bl_"+col+"></td><td class=sidebar_game_b_"+col+"></td><td class=sidebar_game_br_"+col+"></td></tr></table>";
                	}
	                pc = false;
                    game = true;
                    game_id = response[i].substring(1);
                    col = colours[game_id%6];
                    sidebar_text += "<table class=sidebar_game><tr><td class=sidebar_game_tl_"+col+"></td><td class=sidebar_game_t_"+col+"></td><td class=sidebar_game_tr_"+col+"></td></tr><tr><td class=sidebar_game_l_"+col+"></td><td class=sidebar_game_bg_"+col+">";
                    i++;
                    cats = "";
                    for(var j=0; j<6; j++)
                    {
	                    if(game_id==gameid) cats += "<img src='"+graphics+"/gems/"+colours[j]+".png' width=9 height=10>&nbsp;";
	                    cats += unescape(response[i].substring(1));
	                    if(j<5)
	                    {
		                    if(game_id==gameid) cats += "<br>";
		                    else cats += ", ";
	                    }
	                    i++;
                    }
                    var start_busts = response[i];
                    i++;
                    var board_busts = response[i];
                    i++;
                    var always_gems = response[i];
                    i++;
                    var steal_gems = response[i];
                    i++;
                    var collect_gems = response[i];
                    i++;
                    var return_to_centre = response[i];
                    i++;
                    var final_question = response[i];
                    i++;
                    allow_join_requests = response[i];
                    sidebar_text += "<div class=game_id>GAME "+(game_id%99+1)+"</div>";
                    sidebar_text += "<div class=game_cats>"+cats+"</div>";
                    sidebar_text += "<p><a href='javascript:void(0)' onclick='javascript:showGameSettings("+game_id+","+start_busts+","+board_busts+","+always_gems+","+steal_gems+","+collect_gems+","+return_to_centre+","+final_question+","+(game_id%6)+")'>Game settings</a></p>";
                    if((status<0 && gameid!=game_id) || (status > 0 && status < 3)) sidebar_text += "<p><a href='javascript:void(0)' onclick='javascript:watchGame("+game_id+")' id='watch"+game_id+"'>Watch game</a></p>";
	                if(allow_join_requests==1 && status != 0 && status < 3) sidebar_text += "<p><a href='javascript:void(0)' onclick='javascript:requestToJoin("+game_id+")' id='request"+game_id+"'>Request to join</a></p>";
                }
                else if(response[i].substring(0,1)=="-")
                {
                    if(pc) sidebar_text += "</table>";
                    if(game)
                    {
	                    if(game_id==gameid && status!=-1)
	                    {
		                    sidebar_text += "<a href='javascript:void(0)' onclick='javascript:confirmQuitGame()'>Quit game</a>";
	                	}
	                    sidebar_text += "</td><td class=sidebar_game_r_"+col+"></td></tr><tr><td class=sidebar_game_bl_"+col+"></td><td class=sidebar_game_b_"+col+"></td><td class=sidebar_game_br_"+col+"></td></tr></table>";
                	}
                	pc = false;
                    game = false;
                }
                else if(response[i].substring(0,1)==".")
                {
                    if(pc) sidebar_text += "</table>";
                    pc = true;
                    pc_id = unescape(response[i].substring(1));
                    sidebar_text += "<table class='sidebar_pc"+pc_colour;
                    if(!game) sidebar_text += " sidebar_pc_nogame";
                    sidebar_text += "'>";
                    pc_colour = (pc_colour+1)%2;
                    if(!game && (status==3||status==4) && game_owner) sidebar_text += "<tr><td align=center><a href='javascript:void(0)' onclick='javascript:invite("+pc_id+")' id='invite"+pc_id+"'>Invite</a>";
                }
                else if(response[i].substring(0,1)==" ")
                {
	                if(response[i].substring(1,2)!=" ")
	                {
		                var piece_shape = response[i].substring(1);
		                i++;
		                var piece_color = response[i].substring(1);
		                i++;
 	                    user = unescape(response[i].substring(2));
 	                    if(response[i].substring(1,2)=="~") user = "<b>"+user+"</b>";
 	                    i++;
 	                    var userid = response[i].substring(1);
 	                    if(piece_color>-1)
 	                    {
	 	                    user = "<img src='"+graphics+"/pieces/"+colours[piece_color-1]+"/"+piece_shape+"s.png' width=10 height=11>&nbsp;<a href='javascript:void(0)' onclick='javascript:userStats("+userid+")' class=username>"+user+"</a>";
 	                    }
	                }
	                else
	                {
 	                   user = unescape(response[i].substring(2));
	                }
                    i++;
                    gems = response[i];
                    
                    var maxwidth = 170 - gems.length*9;
                    var pc = document.createElement("DIV");
				    pc.setAttribute("class","sidebar_pc0");
				    pc.setAttribute("className","sidebar_pc0");
                    pc.style.position = 'absolute';
                    pc.style.top = 0;
                    pc.style.left = -500;
                    var s = document.createElement("SPAN");
				    s.setAttribute("class","sidebar_user");
				    s.setAttribute("className","sidebar_user");
                    s.innerHTML = user;
                    pc.appendChild(s);
                    document.getElementById("sidebar").appendChild(pc);
                    var txtWidth = s.offsetWidth;
                    while(txtWidth>maxwidth)
                    {
	                    user = user.substring(0,user.length-1);
	                    s.innerHTML = user;
	                    txtWidth = s.offsetWidth;
                    }
                    document.getElementById("sidebar").removeChild(pc);
                    
                    if(game)
                    {
	                     sidebar_text += "<tr><td class=sidebar_user>"+user+"</td><td class=sidebar_gems>";
	                     if(gems.length==6)
	                     {
		                     sidebar_text += "<img src='"+graphics+"/gems/flashing.gif' width=54 height=10>";
	                     }
	                     else
	                     {
		                     for(var j=0; j<gems.length; j++)
		                     {
			                     sidebar_text += "<img src='"+graphics+"/gems/"+colours[gems.charAt(j)-1]+".png' width=9 height=10>";
		                     }
                     	}
	                     sidebar_text += "</td></tr>";
                    }
                    else sidebar_text += "<tr><td class=sidebar_user>"+user+"</td></tr>";
                }
            }
            if(pc) sidebar_text += "</table>";
            if(game)
            {
                if(game_id==gameid && status!=-1)
                {
                    sidebar_text += "<a href='javascript:void(0)' onclick='javascript:confirmQuitGame()'>Quit game</a>";
            	}
                sidebar_text += "</td><td class=sidebar_game_r_"+col+"></td></tr><tr><td class=sidebar_game_bl_"+col+"></td><td class=sidebar_game_b_"+col+"></td><td class=sidebar_game_br_"+col+"></td></tr></table>";
        	}
            document.getElementById('sidebar_inner').innerHTML = sidebar_text;
        }
        if(i<response.length && response[i]=="#JR")
        {
            for(i+=1; i<response.length && response[i].substring(0,1)!=="#"; i+=2)
            {
                join_request_pcid[join_request_pcid.length] = response[i];
                join_request_users[join_request_users.length] = response[i+1];
            }
            joinRequest();
        }
        if(i<response.length && response[i]=="#IV")
        {
            for(i+=1; i<response.length && response[i].substring(0,1)!=="#"; i+=3)
            {
                invite_gameid[invite_gameid.length] = response[i];
                invite_users[invite_users.length] = response[i+1];
                invite_cats[invite_cats.length] = response[i+2];
            }
            invitation();
        }
        if(i<response.length && response[i]=="#EV" )
        {
            for(i+=1; i<response.length && response[i].substring(0,1)!=="#"; i++)
            {
	            var user_id = response[i++];
	            var pc_id = response[i++];
	            var event = response[i++];
	            switch(event)
	            {
		            case "newbust":
		            	var id = response[i++];
		            	var pos = response[i++];
		            	var b = response[i++];
		            	var time = response[i++];
						var n = findPlayer(user_id);
						players[n].busts = b;
						//document.getElementById("revealLetter").innerHTML = "Reveal a letter ("+b+")";
		            	events[events.length] = new Event(user_id,pc_id,event,id,pos,time);
		            	break;
		            case "winner":
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,0,0,time);
		            	break;
		            case "roll":
		            	var roll = response[i++];
		            	var at = response[i++];
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,roll,at,time);
		            	break;
		            case "steal":
		            	var stealfrom = response[i++];
		            	var cat = response[i++];
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,stealfrom,cat,time);
		            	break;
		            case "move":
		            	var moveto = response[i++];
		            	var path = response[i++];
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,moveto,path,time);
		            	break;
		            case "askq":
		            	var qid = response[i++];
		            	var catnum = response[i++];
		            	if(qid!=-1)
		            	{
			            	var answer = response[i++];
			            	var question = response[i++];
			            	var ans_pos = question.length;
			            	question += response[i++];
			            	var subtopic = response[i++];
	            		}
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,qid,catnum,time,answer,ans_pos,question,subtopic);
		            	break;
		            case "answer":
		            	var correct = response[i++];
		            	var answer = response[i++];
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,correct,answer,time);
		            	break;
		            case "reveal":
		            	var reveal = response[i++];
		            	var time = response[i++];
		            	events[events.length] = new Event(user_id,pc_id,event,reveal,0,time);
		            	break;
	            }
	            ev = response[i];
            }
        }
	}
    if(events.length>0 && processingEvent == false)
    {
        processEvent();
    }
}

function userStats(uid)
{
	newHttpRequest(getFolder()+"/action.php?action=userstats&gameid="+gameid+"&userid="+uid,showUserStats);
	var n = findPlayer(uid);
	infoBox("Finding statistics for "+players[n].name+"...",colours[players[n].piece_color-1]);
}

function showUserStats(responseText)
{
	if(document.getElementById("infobox_text").innerHTML.substring(0,22)!="Finding statistics for") return;
	
	response = responseText.split("\r\n");
    if(responseText==0 ||response.length != 15 )
    {
		if(document.getElementById("infobox_text").innerHTML.substring(0,22)=="Finding statistics for") hideInfoBox();
		return;
    }
    var uid = response[0];
   	var s = "<div align=center><b>Statistics for "+response[1]+"</b></div>";
   	var total_asked=0;
   	var total_correct=0;
  	s += "<table class=statstable>";
   	var high=0;
   	var asked;
   	for(var i=0; i<6; i++)
   	{
	   	if(response[i*2+2]>high) high = parseInt(response[i*2+2]);
	   	total_asked+=parseInt(response[i*2+2]);
	   	total_correct+=parseInt(response[i*2+3]);
   	}
   	for(var i=0; i<6; i++)
   	{
  		s += "<tr><td><b><small>"+game_categories[i]+"</small></b></td><td>";
	    if(response[i*2+2]>0)
	    {
		    s += "<table><tr>";
		    asked = response[i*2+2];
		    if(response[i*2+3]>0)
		    {
			    s += "<td width="+Math.floor(response[i*2+3]/high*200)+" class=stats_correct_"+colours[i]+">"+response[i*2+3];
			    if(response[i*2+3]==response[i*2+2]) s += "/"+response[i*2+2];
			    s += "</td>";
			    asked -= response[i*2+3];
			}
		    if(response[i*2+2]>response[i*2+3])
		    {
			    s += "<td width="+Math.floor(asked/high*200)+" class=stats_asked_"+colours[i]+">";
			    if(response[i*2+3]==0) s += "0/";
			    s += response[i*2+2]+"</td>";
		    }
		    s += "</tr></table>";
	    }
		else s += "0/0";
    	s += "</td></tr>";
   	}
	    s += "<tr><td><b><small>Total</small></b></td><td>";
	if(total_asked>0)
	{
    	s += "<table><tr>";
		asked = total_asked;
    	if(total_correct>0)
    	{
	    	s += "<td width="+Math.floor(total_correct/total_asked*200)+" class=stats_correct_all>"+total_correct;
	    	if(total_correct==total_asked) s += "/"+total_asked;
	    	s += "</td>";
	    	asked -= total_correct;
		}
		if(total_asked>total_correct)
		{
	    	s += "<td width="+Math.floor(asked/total_asked*200)+" class=stats_asked_all>";
	    	if(total_correct==0) s += "0/";
	    	s += total_asked+"</td>";
		}
	    s += "</tr></table>";
	}
	else s += "0/0";
	s += "</td></tr>";
	var n = findPlayer(uid);
   	infoBox(s,colours[players[n].piece_color-1]);
}

function showGameSettings(game_id,start_busts,board_busts,always_gems,steal_gems,collect_gems,return_to_centre,final_question,col)
{
	var s = "<p align=center><b>GAME "+(game_id%99+1)+"</b></p><br>";
	if(always_gems) s += "Players can win gems on any tile.<br><br>";
	else s += "Players can only win gems at junctions.<br><br>";
	if(steal_gems) s += "Players can steal opponents' gems.<br><br>";
	else s += "Players can't steal opponents' gems.<br><br>";
	s += "The aim of the game is to collect ";
	if(collect_gems==6) s += "all 6";
	else s += collect_gems;
	if(collect_gems==1) s+= " gem";
	else s += " gems";
	if( return_to_centre && final_question) s += ", return to the centre, and answer a final question";
	else if( return_to_centre ) s += " and return to the centre";
	s += ".<br><br>";
	s += "Players have "+start_busts;
	if(start_busts==1) s += " bust";
	else s += " busts";
	s += " at the start of the game, and there ";
	if(board_busts == 1 ) s += "is 1 bust";
	else s += "are "+board_busts+" busts"
	s += " on the board.";
	infoBox(s,colours[col]);
}

function drawPlayer(userid)
{
	var n = findPlayer(userid);
    var piece = document.createElement("img");
    piece.setAttribute("src",graphics+"/pieces/"+players[n].piece);
    piece.setAttribute("id","piece"+userid);
    piece.setAttribute("class","piece");
    piece.setAttribute("className","piece");
	piece.setAttribute("width",Math.floor(33*tileRatioX));
	piece.setAttribute("height",Math.floor(36*tileRatioY));
	piece.style.left = ((board[players[n].position].col-1)*tileColWid)+Math.floor(28*tileRatioX);
	var y = (board[players[n].position].row-1)*tileRowHei;
	if((board[players[n].position].col%2)==1) y+=tileRowHeiHalf;
	piece.style.top = y+Math.floor(13*tileRatioY);
	document.getElementById("board").appendChild(piece);
}

function positionPiece(userid, pos)
{
	var n = findPlayer(userid);
	players[n].position = pos;
	piece = document.getElementById("piece"+userid);
	piece.style.left = ((board[players[n].position].col-1)*tileColWid)+Math.floor(28*tileRatioX);
	var y = (board[players[n].position].row-1)*tileRowHei;
	if((board[players[n].position].col%2)==1) y+=tileRowHeiHalf;
	piece.style.top = y+Math.floor(13*tileRatioY);
	
}

function hideInfoBox(n)
{
	popup("infobox",0);
	document.getElementById("infoboxOK").style.visibility = "visible";
	document.getElementById("infoboxOK").style.position = "relative";
	if(n==1)
	{
		processingEvent = false;
		processEvent();
	}
	if(n==2)
	{
		if(document.getElementById("stealgem").innerHTML != "") popup("stealgem",1);
		else awaitingSteal = true;
		processingEvent = false;
		processEvent();
	}
}

function playerTurn(die)
{	
	var n = findPlayer(player_turn);
	infoBox(players[n].name + " rolled a "+die,colours[players[n].piece_color-1],-1);
	setTimeout("hideInfoBox(1)", 2000);
	var at = players[n].position;
	flashing.length = 0;
	follow(at,-1,die,"");
}

function onClickMovePiece(e,path,to)
{
	e.path = path;
	e.to = to;
	e.onclick = function(){movePiece(e.path,e.to);};
}

function follow(at,from,die,path)
{
	if(at<10) path+="0";
	path += at.toString();
	if(die==0)
	{
		flashing[flashing.length] = at;
		if(findUser(player_turn)!=-1)
		{
			var tile = document.getElementById("tile"+at);
			onClickMovePiece(tile,path,at);
			//tile.setAttribute("onclick","movePiece('"+path+"',1,"+at+");");
			var gem = document.getElementById("gem"+at);
			onClickMovePiece(gem,path,at);
			//gem.setAttribute("onclick","movePiece('"+path+"',1,"+at+");");
			var gem_label = document.getElementById("gem_label"+at);
			if(gem_label)
			{
				onClickMovePiece(gem_label,path,at);
				//gem_label.setAttribute("onclick","movePiece('"+path+"',1,"+at+");");
			}
			for(var i=0; i<players.length; i++)
			{
				if(players[i].position == at)
				{
					var piece = document.getElementById("piece"+players[i].id);
					onClickMovePiece(piece,path,at);
					//piece.setAttribute("onclick","movePiece('"+path+"',1,"+at+");");
				}
			}
			// Also have to do it to any busts on the square
			for(i=0; i<busts.length; i++)
			{
				if(busts[i].position == at)
				{
					var bust = document.getElementById("bust"+busts[i].id);
					onClickMovePiece(bust,path,at);
					//bust.setAttribute("onclick","movePiece('"+path+"',1,"+at+");");
				}
			}
		}
	}
	else
	{
		for(var i=1; i<=6; i++)
			if(board[at].s[i]!=0 && board[at].s[i]!=from) follow(board[at].s[i],at,die-1,path);
	}
}

function joinRequest()
{
	if(allow_join_requests && join_request_pcid.length>0)
	{
		document.getElementById("joinrequest_text").innerHTML = join_request_users[0]+" would like to join your game. Allow?";
		document.getElementById("joinrequest_allow").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:allowToJoin("+join_request_pcid[0]+",1)'>Yes</a></div>";
		document.getElementById("joinrequest_disallow").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:allowToJoin("+join_request_pcid[0]+",-1)'>No</a></div>";
		join_request_pcid.splice(0,1);
		join_request_users.splice(0,1);
		popup("joinrequest",1);
	}
}

function allowToJoin(pc_id,allow)
{
	if(allow==-2)
	{
		allow_join_requests = 0;
		join_request_pcid.splice(0,join_request_pcid.length);
		join_request_users.splice(0,join_request_users.length);
	}
	
	newHttpRequest(getFolder()+"/action.php?action=allowtojoin&pc_id="+pc_id+"&game_id="+gameid+"&allow="+allow);
	popup("joinrequest",0);
	joinRequest();
}

function requestToJoin(game_id)
{
	newHttpRequest(getFolder()+"/action.php?action=requesttojoin&pcid="+pcid+"&game_id="+game_id);
	document.getElementById('request'+game_id).innerHTML = "";
}

function watchGame(game_id)
{
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=watch&su="+status_update+"&pcid="+pcid+"&game_id="+game_id,0,0,"watch",true);
	document.getElementById('watch'+game_id).innerHTML = "";
}


function invitation()
{
	if(invite_gameid.length>0)
	{
		var invite_text = invite_users[0];
		if(invite_users[0].search(" and ")==-1) invite_text += " has";
		else invite_text += " have";
		invite_text += " invited you to join a game. The categories are "+invite_cats[0]+". Accept?";
		document.getElementById("invite_text").innerHTML = invite_text;
		document.getElementById("invite_accept").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:acceptInvite("+invite_gameid[0]+",1)'>Yes</a></div>";
		document.getElementById("invite_decline").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:acceptInvite("+invite_gameid[0]+",-1)'>No</a></div>";
		invite_gameid.splice(0,1);
		invite_users.splice(0,1);
		invite_cats.splice(0,1);
		popup("invite",1);
	}
}

function acceptInvite(game_id,accept)
{	
	if(accept==1)
	{
		invite_gameid.splice(0,invite_gameid.length);
		invite_users.splice(0,invite_users.length);
		invite_cats.splice(0,invite_cats.length);
		gameid = game_id;
	}
	
	status_update++;
	newHttpRequest(getFolder()+"/action.php?action=acceptinvite&su="+status_update+"&pc_id="+pcid+"&game_id="+game_id+"&accept="+accept,0,0,"acceptinvite",true);
	popup("invite",0);
	invitation();
}

function invite(pc_id)
{
	newHttpRequest(getFolder()+"/action.php?action=invite&pc_id="+pc_id+"&gameid="+gameid);
	document.getElementById('invite'+pc_id).innerHTML = "";
}

function setup()
{
	var i;
	if(users.length>0)
	{
		var greeting = "";
		for(i=0; i<users.length; i++)
		{
			greeting += users[i].name;
			if(i<users.length-2) greeting += ", ";
			else if(i==users.length-2) greeting += " and ";
		}
		document.getElementById("greeting").innerHTML = greeting;
	}
	
	//	setVisibility('gameboard','visible');
	setupBoard();

	if(status>=4 || status==-1)
	{
		resetBoard();
		setVisibility('gameboard','visible');
		for(i=0; i<players.length; i++)
		{
			drawPlayer(players[i].id);
		}
	}
	else if(status==3)
	{
		setVisibility('ready','visible');
	}
	else if(status==2)
	{
		for(i=1; i<=6; i++)
		{
			document.getElementById("cat"+i).disabled = false;
			document.getElementById("cat"+i).value = game_categories[i-1];
		}
		setVisibility('newgame','visible');
		
		document.getElementById('cat1').focus();
		showCategoriesDone();
	}
	else if(status==1)
	{
		setVisibility('lobby','visible');
	}
	else
	{
		setVisibility('start','visible');
		document.getElementById('name1').focus();
	}
	
	newHttpRequest(getFolder()+"/timerupdate.php?pcid="+pcid+"&cs=0&startup=1&ev="+ev,timerUpdate);
}

function toggleFinalQuestion()
{
	if(document.getElementById("return_to_centre").checked==true)
	{
		document.getElementById("final_question_label").style.visibility = 'visible';
	}
	else
	{
		document.getElementById("final_question_label").style.visibility = 'hidden';
	}
}

function processEvent()
{
	if(status>=0 && status<=3)
	{
		events.length=0;
	}
	
	if(events.length==0) return;
	
	var event = events[0];
	var eventDelay = 0;
	if(events.length>1)
	{
		eventDelay = events[1].time - events[0].time;
		if(events[0].pcid != events[1].pcid || events[0].pcid == pcid ) eventDelay = 0;
		if(eventDelay>5000) eventDelay = 5000;
		events.shift();
	}
	else events.length = 0;
	
	var triggerNextEvent = true;
	
	player_turn = event.userid;
	if(findPlayer(player_turn)!=-1) // if their piece can't be found, they must have quit the game
	{
		if(event.event=="newbust")
		{
			var id = event.var1;
			var pos = event.var2;
			if(document.getElementById("bust"+id))
			{
				for(var i=0; i<busts.length; i++)
				{
					if(busts[i].id==id)
					{
						busts[i].position = pos;
						break;
					}
				}
				var bust = document.getElementById("bust"+id);
				bust.style.left = ((board[pos].col-1)*tileColWid)+Math.floor(31*tileRatioX);
				var y = (board[pos].row-1)*tileRowHei;
				if((board[pos].col%2)==1) y+=tileRowHeiHalf;
				bust.style.top = y+Math.floor(6*tileRatioY);
			}
		}
		if(event.event=="askq")
		{
			q_question = event.question;
			q_answer = event.answer;
			q_page = event.subtopic;
			q_anspos = event.ans_pos;
			q_cat = event.var2;
			q_id = event.var1;
			if(event.pcid == pcid)
			{
				askQuestion(0);
			}
			else
			{
				askQuestion(0,1);
			}
		}
		else if(event.event=="reveal")
		{
			revealLetter(event.var1);
		}
		else if(event.event=="answer")
		{
			triggerNextEvent = false;
			processingEvent = true;
			popup("questionbox",0);
			
			var message = ""
			var z = 1;
			if(event.var1!=0)
			{
				message = players[findPlayer(event.userid)].name+" answered "+event.var2+". "+event.var2+" is the right answer!";
				if(event.pcid == pcid)
				{
					awaitingSteal = true;
					document.getElementById("stealgem").innerHTML = "";
					z = 2;
					newHttpRequest(getFolder()+"/action.php?action=steal&pcid="+pcid+"&userid="+player_turn+"&gameid="+gameid,stealGem);
				}
			}
			else
			{
				if(event.var2=="") message = players[findPlayer(event.userid)].name+" passed. ";
				else message = players[findPlayer(event.userid)].name+" answered "+event.var2+". ";
				message += "The correct answer was "+q_answer+"."
			}
			infoBox(message,colours[q_cat-1],-1);
			setTimeout("hideInfoBox("+z+")", 2000);
		}
		else if(event.event=="roll")
		{
			// Just in case we're in the middle of someone else's go (i.e. if they've gone offline) we tie up any loose ends.
			flash(1);
			flashing.length = 0;
			awaitingQuestion = false;
			awaitingSteal = false;
			hideInfoBox();
			popup("questionbox",0);
			popup("stealgem",0);
							
			triggerNextEvent = false;
			processingEvent = true;
			positionPiece(player_turn,event.var2);
			if(event.pcid == pcid)
			{
				playerTurn(event.var1);
			}
			else
			{
				playerTurn(event.var1);
			}
		}
		else if(event.event=="steal")
		{
			triggerNextEvent = false;
			processingEvent = true;
			infoBox(players[findPlayer(event.userid)].name + " stole "+players[findPlayer(event.var1)].name+"'s "+game_categories[event.var2-1]+" gem.",colours[players[findPlayer(event.userid)].piece_color-1],-1);
			setTimeout("hideInfoBox(1)", 2000);
		}
		else if(event.event=="move")
		{
			triggerNextEvent = false;
			processingEvent = true;
			movePiece(event.var2,event.var1,1);
		}
		else if(event.event=="winner")
		{
			triggerNextEvent = false;
        	var n = findPlayer(player_turn);
        	infoBox(players[n].name+" wins!");
		}
	}
	if(events.length>0 && triggerNextEvent)
	{
		if(eventDelay<=0) processEvent();
 		else setTimeout("processEvent()", eventDelay);
	}
}

function addRemoveUsers()
{
	var str = "<table id=addremoveuserstable>";
	for(var i=0; i<users.length; i++)
	{
		if(users[i].name!="")
			str += "<tr><td align=right>"+users[i].name+"</td><td><a href=\"javascript:void(0)\" class='smallbutton' onclick=\"javascript:removeUser("+i+")\">Remove</a></td></tr>"; 
	}
	str += "</table>";
	
	document.getElementById("addremoveusers_currentusers").innerHTML = str;
	popup("addremoveusers",1);
	document.getElementById("adduser").focus();
}

function yesnopopup(text,yesjs,nojs)
{
	document.getElementById("yesno_text").innerHTML = text;
	document.getElementById("yesno_yes").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:"+yesjs+"'>Yes</a></div>";
	document.getElementById("yesno_no").innerHTML = "<div class=buttonrow><a href='javascript:void(0);' class='button' onclick='javascript:"+nojs+"'>No</a></div>";
	popup("yesno",1);
}

function removeUser(i)
{
	var remaining_users = 0;
	for(var j=0; j<users.length && remaining_users<2; j++)
	{
		if(users[j].name!="") remaining_users++;
	}
	if(remaining_users<2)
	{
		infoBox("You can't delete the only player.");
	}
	else
	{
		yesnopopup("Remove player "+users[i].name+"?","removeUserConfirmed(1,"+i+");","removeUserConfirmed(0,"+i+");");
	}
}

function removeUserConfirmed(i,user)
{
	if(i)
	{
		users[user].name = "";
		addRemoveUsers();
	}
	popup('yesno',0);
}

function updateAddRemoveUsers()
{
	popup("addremoveusers",0);
	if(document.getElementById("adduser").value != "")
	{
		var s = document.getElementById("adduser").value;
		s= escape(s);
		users[users.length] = new User(s);
		document.getElementById("adduser").value = "";
	}
	
	for(var i=0; i<users.length; i++)
	{
		if(users[i].name=="")
		{
			var piece = document.getElementById("piece"+users[i].id);
			if(piece)
			{
				document.getElementById("board").removeChild(piece);
				if(player_turn==users[i].id)
				{
					player_turn = -1;
					flash(1);
					flashing.length = 0;
					awaitingQuestion = false;
					awaitingSteal = false;
					hideInfoBox();
					popup("questionbox",0);
					popup("stealgem",0);
				}
			}
		
			users.splice(i,1);
			i--;
		}
	}
	
	var newusers = "";
	var oldusers = "";
	var greeting = "";
	for(i=0; i<users.length; i++)
	{
		if(users[i].id!=-1)
		{
			oldusers += users[i].id+"|";
		}
		else
		{
			var s = users[i].name;
			s= escape(s);
			newusers += "((split))"+users[i].name;
		}
		greeting += users[i].name;
		if(i<users.length-2) greeting += ", ";
		else if(i==users.length-2) greeting += " and ";
	}
	document.getElementById("greeting").innerHTML = greeting;
	newHttpRequest(getFolder()+"/action.php?action=updateusers&"+pcid+","+oldusers+","+newusers,timerUpdate);
}

function popup(name,show,color)
{
	if(color!=null)
	{
		var e = document.getElementById("popup_outer_"+name);
		e.setAttribute("class","popup_outer popup_outer_"+color);
		e.setAttribute("className","popup_outer popup_outer_"+color);
	}
	if(show)
	{
		setVisibility("popup_outer_"+name,'visible');
	}
	else
	{
		setVisibility("popup_outer_"+name,'hidden');
	}
}

function setVisibility(id,visibility)
{
	//if(id=="gameboard"&&visibility=="hidden")return;
	document.getElementById(id).style.visibility = visibility;
	if(visibility=='hidden')
	{
		document.getElementById(id).style.left = '-10000px';
		document.getElementById(id).style.top = '-10000px';
	}
	else
	{
		document.getElementById(id).style.left = '0';
		document.getElementById(id).style.top = '0';
		document.getElementById(id).style.height = '100%';
		if(id=="gameboard")
		{
			document.getElementById("board").style.position = 'relative';
		}
	}
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (var i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function hideAll()
{
	var hidden = getElementsByClass("hidden");
	for(var i=0; i<hidden.length; i++)
	{
		hidden[i].style.visibility = 'hidden';
		hidden[i].style.position = 'absolute';
	}
	var main = getElementsByClass("main");
	for(i=0; i<main.length; i++)
	{
		setVisibility(main[i].getAttribute('id'),'hidden');
	}
	setVisibility('gameboard','hidden');
	var popup = getElementsByClass("popup_outer");
	for(i=0; i<popup.length; i++)
	{
		setVisibility(popup[i].getAttribute('id'),'hidden');
	}
}

function hideSidebar()
{
	document.getElementById("sidebar").style.visibility = 'hidden';
	document.getElementById("sidebar_hidden").style.visibility = 'visible';
	var elements = getElementsByClass("main");
	for(var i=0; i<elements.length; i++)
	{
		elements[i].style.borderRightWidth = '30';
	}
}

function showSidebar()
{
	document.getElementById("sidebar_hidden").style.visibility = 'hidden';
	document.getElementById("sidebar").style.visibility = 'visible';
	var elements = getElementsByClass("main");
	for(var i=0; i<elements.length; i++)
	{
		elements[i].style.borderRightWidth = '250';
	}
}

var players = new Array();

function findPlayer(playerid)
{
	for(var i=0; i<players.length; i++)
	{
		if(players[i].id == playerid) return i;
	}
	return -1;
}

function Bust(id,position)
{
	this.id = id;
	this.position = position;
}

function Player(id,name,piece_shape,piece_color,position,bs)
{
	this.id = id;
	this.name = name;
	this.piece_color = piece_color;
	this.piece = colours[piece_color-1]+"/"+piece_shape+".png";
	this.position = position;
	this.busts = bs;
}

function User(name,id)
{
	this.name = name;
	if(!id) this.id = -1;
	else this.id = id;
}

function findUser(userid)
{
	for(var i=0; i<users.length; i++)
	{
		if(users[i].id == userid) return i;
	}
	return -1;
}

function Event(userid,pcid,event,var1,var2,time,answer,ans_pos,question,subtopic)
{
	this.userid = userid;
	this.pcid = pcid;
	this.event = event;
	this.var1 = var1;
	this.var2 = var2;
	this.time = time;
	this.answer = answer;
	this.ans_pos = ans_pos;
	this.question = question;
	this.subtopic = subtopic;
}

function Tile(row,col,color,cat,s1,s2,s3,s4,s5,s6)
{
	this.s = new Array();
	this.row = row;
	this.col = col;
	this.color = color;
	this.cat = cat;
	this.s[1] = s1;
	this.s[2] = s2;
	this.s[3] = s3;
	this.s[4] = s4;
	this.s[5] = s5;
	this.s[6] = s6;
	this.roll = 1;
}

var board = new Array();
board[1] = new Tile(4,1,0,0,0,4,5,0,0,0);
board[2] = new Tile(5,1,0,3,0,5,6,0,0,0);
board[3] = new Tile(3,2,1,5,0,9,10,0,0,0);
board[4] = new Tile(4,2,0,1,0,10,0,0,1,0);
board[5] = new Tile(5,2,0,2,0,0,0,0,2,1);
board[6] = new Tile(6,2,0,0,0,0,0,7,0,2);
board[7] = new Tile(7,2,0,4,6,13,0,0,0,0);
board[8] = new Tile(1,3,1,4,0,0,17,9,0,0);
board[9] = new Tile(2,3,1,0,8,0,0,0,3,0);
board[10] = new Tile(3,3,0,-6,0,18,0,0,4,3);
board[11] = new Tile(4,3,1,1,0,19,0,12,0,0);
board[12] = new Tile(5,3,1,6,11,0,0,13,0,0);
board[13] = new Tile(6,3,1,-5,12,0,0,14,7,0);
board[14] = new Tile(7,3,1,6,13,0,0,15,0,0);
board[15] = new Tile(8,3,1,0,14,23,0,0,0,0);
board[16] = new Tile(1,4,1,0,0,0,25,17,0,0);
board[17] = new Tile(2,4,1,3,16,0,0,0,0,8);
board[18] = new Tile(3,4,0,1,0,26,0,0,10,0);
board[19] = new Tile(4,4,1,2,0,27,0,0,11,0);
board[20] = new Tile(5,4,0,2,0,28,0,21,0,0);
board[21] = new Tile(6,4,0,1,20,0,0,22,0,0);
board[22] = new Tile(7,4,0,6,21,0,31,0,0,0);
board[23] = new Tile(8,4,1,1,0,0,0,24,15,0);
board[24] = new Tile(9,4,1,2,23,32,0,0,0,0);
board[25] = new Tile(1,5,1,2,0,0,34,0,0,16);
board[26] = new Tile(2,5,0,2,0,0,35,0,18,0);
board[27] = new Tile(3,5,1,3,0,0,36,0,19,0);
board[28] = new Tile(4,5,0,3,0,0,37,0,20,0);
board[29] = new Tile(5,5,1,2,0,37,0,30,0,0);
board[30] = new Tile(6,5,1,1,29,0,39,0,0,0);
board[31] = new Tile(7,5,0,5,0,0,40,0,0,22);
board[32] = new Tile(8,5,1,0,0,0,41,0,24,0);
board[33] = new Tile(1,6,0,6,0,0,42,34,0,0);
board[34] = new Tile(2,6,1,-1,33,0,43,0,0,25);
board[35] = new Tile(3,6,0,3,0,0,44,0,0,26);
board[36] = new Tile(4,6,1,4,0,0,0,37,0,27);
board[37] = new Tile(5,6,1,7,36,45,46,38,29,28);
board[38] = new Tile(6,6,0,1,37,0,47,0,0,0);
board[39] = new Tile(7,6,1,6,0,0,48,0,0,30);
board[40] = new Tile(8,6,0,-4,0,0,49,41,0,31);
board[41] = new Tile(9,6,1,3,40,0,0,0,0,32);
board[42] = new Tile(1,7,0,0,0,50,0,0,0,33);
board[43] = new Tile(2,7,1,2,0,0,52,0,0,34);
board[44] = new Tile(3,7,0,4,0,0,0,45,0,35);
board[45] = new Tile(4,7,0,5,44,0,0,0,37,0);
board[46] = new Tile(5,7,1,6,0,54,0,0,0,37);
board[47] = new Tile(6,7,0,6,0,55,0,0,0,38);
board[48] = new Tile(7,7,1,5,0,56,0,0,0,39);
board[49] = new Tile(8,7,0,5,0,0,58,0,0,40);
board[50] = new Tile(1,8,0,5,0,0,0,51,42,0);
board[51] = new Tile(2,8,0,4,50,59,0,0,0,0);
board[52] = new Tile(3,8,1,3,0,0,0,53,0,43);
board[53] = new Tile(4,8,1,4,52,0,0,54,0,0);
board[54] = new Tile(5,8,1,5,53,0,0,0,46,0);
board[55] = new Tile(6,8,0,5,0,63,0,0,47,0);
board[56] = new Tile(7,8,1,4,0,64,0,0,48,0);
board[57] = new Tile(8,8,0,6,0,0,66,58,0,0);
board[58] = new Tile(9,8,0,0,57,0,0,0,0,49);
board[59] = new Tile(1,9,0,0,0,0,0,60,51,0);
board[60] = new Tile(2,9,0,3,59,0,0,61,0,0);
board[61] = new Tile(3,9,0,-2,60,67,0,62,0,0);
board[62] = new Tile(4,9,0,3,61,0,0,63,0,0);
board[63] = new Tile(5,9,0,4,62,0,0,0,55,0);
board[64] = new Tile(6,9,1,-3,0,70,71,0,56,0);
board[65] = new Tile(7,9,0,0,0,71,0,66,0,0);
board[66] = new Tile(8,9,0,1,65,0,0,0,0,57);
board[67] = new Tile(3,10,1,1,0,0,0,68,61,0);
board[68] = new Tile(4,10,1,0,67,0,72,0,0,0);
board[69] = new Tile(5,10,1,5,0,72,73,0,0,0);
board[70] = new Tile(6,10,1,4,0,73,0,0,64,0);
board[71] = new Tile(7,10,0,2,0,0,0,0,65,64);
board[72] = new Tile(4,11,1,6,0,0,0,0,69,68);
board[73] = new Tile(5,11,1,0,0,0,0,0,70,69);

var colours = new Array("red","orange","yellow","green","blue","purple");
var tileW = 88;
var tileH = 63;
if(screen.width<700 || screen.height<664)
{
	tileW = 70;
	tileH = 50;
}
var tileRatioX = tileW/88;
var tileRatioY = tileH/63;
var tileColWid = Math.floor(58*tileRatioX);
var tileRowHei = Math.floor(54*tileRatioY);
var tileRowHeiHalf = Math.floor(54*tileRatioY/2);

function resetBoard()
{
	for(var i=1; i<=6; i++)
	{
		var labels = getElementsByClass("gem_label_text"+i);
		for(var j=0; j<labels.length; j++)
		{
			var labl;
			labl = game_categories_tla[i-1];
			labels[j].setAttribute("title",game_categories[i-1]);
			labels[j].innerHTML = labl;
		}
		var gems = getElementsByClass("gem"+i);
		for(j=0; j<gems.length; j++)
		{
			gems[j].title = game_categories[i-1];
		}
	}
	
	var pieces = getElementsByClass("piece");
	for(var i=0; i<pieces.length; i++)
	{
		document.getElementById("board").removeChild(pieces[i]);
	}
	var b = getElementsByClass("bust");
	for(i=0; i<b.length; i++)
	{
		document.getElementById("board").removeChild(b[i]);
	}
	for(i=0; i<busts.length; i++) newBust(busts[i].id,busts[i].position);
}

function setupBoard()
{
	if(browser=="IE5")
	{
		processingEvent = true;
		infoBox("Sorry - your browser's too old.",colours[0],-1);
		return;
	}
	else if(browser=="IE6")
	{
		processingEvent = true;
		infoBox("Please wait...<br><small>(If you were using a modern browser, you wouldn't have to.)</small>",colours[0],-1);
	}
	
	document.getElementById("board").style.width = Math.floor(664*tileRatioX);
	document.getElementById("board").style.height = Math.floor(491*tileRatioY);
	document.getElementById("board_td").style.width = Math.floor(664*tileRatioX);
	for(var i=1; i<=73; i++)
	{
		if(board[i].cat>=0 && board[i].cat<7)
		{
			newTile(i);
		}
	}
	
	for(i=1; i<=73; i++)
	{
		if(board[i].cat>=0 && board[i].cat<7)
		{
			var x = ((board[i].col-1)*tileColWid);
			var y = (board[i].row-1)*tileRowHei;
			if((board[i].col%2)==1) y+=tileRowHeiHalf;
			if(board[i].s[1]!=0) newDoor(board[i].color,x+Math.floor(31*tileRatioX),y,1);
			if(board[i].s[2]!=0) newDoor(board[i].color,x+Math.floor(63*tileRatioX),y+Math.floor(6*tileRatioY),2);
			if(board[i].s[3]!=0) newDoor(board[i].color,x+Math.floor(63*tileRatioX),y+Math.floor(34*tileRatioY),3);
		//	if(board[i].s[4]!=0) newDoor(board[i].color,x+Math.floor(32*tileRatioX),y+Math.floor(47*tileRatioY));
		//	if(board[i].s[5]!=0) newDoor(board[i].color,x+Math.floor(3*tileRatioX),y+Math.floor(33*tileRatioY));
		//	if(board[i].s[6]!=0) newDoor(board[i].color,x+Math.floor(2*tileRatioX),y+Math.floor(7*tileRatioY));
		}
	}
	
	for(i=1; i<=73; i++)
	{
		if(board[i].cat==7 || board[i].cat<0)
		{
			newTile(i);
		}
	}
	
	for(i=1; i<=73; i++)
	{		
		var gem = document.createElement("img");
		if(browser=="IE6" && i==73) gem.onload = drawnBoard;
		if(board[i].cat==0) gem.setAttribute("src",graphics+"/board/die.png");
		else if(board[i].cat==7) gem.setAttribute("src",graphics+"/board/h.png");
		else gem.setAttribute("src",graphics+"/board/gem_"+colours[Math.abs(board[i].cat)-1]+".png");
		gem.setAttribute("id","gem"+i);
		gem.setAttribute("class","gem gem"+Math.abs(board[i].cat));
		gem.setAttribute("className","gem gem"+Math.abs(board[i].cat));
		gem.setAttribute("width",Math.floor(56*tileRatioX));
		gem.setAttribute("height",Math.floor(36*tileRatioY));
		gem.style.left = ((board[i].col-1)*tileColWid)+Math.floor(16*tileRatioX);
		var y = (board[i].row-1)*tileRowHei;
		if((board[i].col%2)==1) y+=tileRowHeiHalf;
		gem.style.top = y+Math.floor(14*tileRatioY);
		document.getElementById("board").appendChild(gem);
		
		if(board[i].cat!=0 && board[i].cat!=7)
		{
			var labl = document.createElement("a");
			labl.setAttribute("id","gem_label"+i);
			labl.setAttribute("class","gem_label gem_label_text"+Math.abs(board[i].cat));
			labl.setAttribute("className","gem_label gem_label_text"+Math.abs(board[i].cat));
			var labl_text = document.createTextNode("ABC");
			labl.appendChild(labl_text);
			labl = document.getElementById("board").appendChild(labl);
			labl.style.top = Math.floor(y+(14*tileRatioY)+((36*tileRatioY-labl.offsetHeight)/2));
			labl.style.left = Math.floor(((board[i].col-1)*tileColWid)+(16*tileRatioX));
			labl.style.width = Math.floor(56*tileRatioX)+"px";
			labl.style.textAlign = "center";
		}
		
	}
}

function drawnBoard()
{
	processingEvent = false;
	infoBoxOK();
}

function newTile(i)
{
	var tile = document.createElement("img");
	if(board[i].cat==7) tile.setAttribute("src",graphics+"/board/hexagon_centre.png");
	else if(board[i].cat<0) tile.setAttribute("src",graphics+"/board/hexagon_"+colours[Math.abs(board[i].cat)-1]+".png");
	else if(board[i].color==0) tile.setAttribute("src",graphics+"/board/hexagon_light.png");
	else tile.setAttribute("src",graphics+"/board/hexagon_dark.png");
	tile.setAttribute("id","tile"+i);
	tile.setAttribute("class","tile");
	tile.setAttribute("className","tile");
	tile.setAttribute("width",tileW);
	tile.setAttribute("height",tileH);
	tile.style.left = ((board[i].col-1)*tileColWid);
	var y = (board[i].row-1)*tileRowHei;
	if((board[i].col%2)==1) y+=tileRowHeiHalf;
	tile.style.top = y;
	document.getElementById("board").appendChild(tile);
}

function newDoor(color,x,y,type)
{
	var door = document.createElement("img");
	var i;
	if(color==0) door.setAttribute("src",graphics+"/board/opening_light_"+type+".png");	
	else door.setAttribute("src",graphics+"/board/opening_dark_"+type+".png");	
	door.setAttribute("class","door");	
	door.setAttribute("className","door");
	var w, h;
	if(type==1)
	{
		w = 26;
		h = 9;
	}
	else
	{
		w = 19;
		h = 22;
	}
	door.setAttribute("width",Math.floor(w*tileRatioX));
	door.setAttribute("height",Math.floor(h*tileRatioY));
	door.style.left = x;
	door.style.top = y;
	document.getElementById("board").appendChild(door);
}

function revealLetter(reveal)
{
	var p = findPlayer(player_turn);
	players[p].busts--;
	document.getElementById("revealLetter").innerHTML = "Reveal a letter ("+players[p].busts+")";
	q_anspos = parseInt(q_anspos)
	var unrevealed = 0;
	for(var n=0; n<q_answer.length; n++) if(q_question.charAt(q_anspos+n)=='*') unrevealed++;
	if(unrevealed<2 || players[p].busts==0) document.getElementById("revealLetter").style.visibility = 'hidden'; // don't call hide, or the OK button will move across and they might click on it by accident
	if(reveal)
	{
		reveal = parseInt(reveal);
		q_question = q_question.substring(0,q_anspos+reveal)+q_answer.charAt(reveal)+q_question.substring(q_anspos+reveal+1);
		document.getElementById("questionbox_question").innerHTML = q_question;
		if(document.getElementById('questionbox_answer').visibility=='visible') document.getElementById('questionbox_answer').focus();
	}
	else
	{
		if(unrevealed>0)
		{
			var r = Math.floor(Math.random()*unrevealed);
			for(var n=0; n<q_answer.length; n++)
			{
				if(q_question.charAt(q_anspos+n)=='*')
				{
					if(r==0)
					{
						newHttpRequest(getFolder()+"/action.php?action=event&event=reveal&pcid="+pcid+"&userid="+player_turn+"&time="+getTime()+"&reveal="+n);
						q_question = q_question.substring(0,q_anspos+n)+q_answer.charAt(n)+q_question.substring(q_anspos+n+1);
						document.getElementById("questionbox_question").innerHTML = q_question;
						break;
					}
					else r--;
				}
			}
		}
		document.getElementById('questionbox_answer').focus();
	}
}

function getTime()
{
	var date = new Date();
	return date.getTime();
}

function logo()
{
	logoclicks++;
	lastlogoclick = getTime();
	if(logoclicks==5)
	{
		logoclicks=0;
		with(window.open("","_blank","width="+screen.width*.6+",left="+screen.width*.35+",height="+screen.height*.9+",resizable,scrollbars=yes")){document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">\n\n<html onclick=\"keepFocusInTextbox(event)\">\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">\n<title>JavaScript Shell 1.4</title>\n\n<script type=\"text/javascript\">\nvar \nhistList = [\"\"], \nhistPos = 0, \n_scope = {}, \n_win, // a top-level context\nquestion,\n_in,\n_out,\ntooManyMatches = null,\nlastError = null;\n\nfunction refocus()\n{\n  _in.blur(); // Needed for Mozilla to scroll correctly.\n  _in.focus();\n}\n\nfunction init()\n{\n  _in = document.getElementById(\"input\");\n  _out = document.getElementById(\"output\");\n\n  _win = window;\n\n  if (opener && !opener.closed)\n  {\n    println(\"Using bookmarklet version of shell: commands will run in opener's context.\", \"message\");\n    _win = opener;\n  }\n\n  initTarget();\n\n  recalculateInputHeight();\n  refocus();\n}\n\nfunction initTarget()\n{\n  _win.Shell = window;\n  _win.print = shellCommands.print;\n}\n\n\n// Unless the user is selected something, refocus the textbox.\n// (requested by caillon, brendan, asa)\nfunction keepFocusInTextbox(e) \n{\n  var g = e.srcElement ? e.srcElement : e.target; // IE vs. standard\n  \n  while (!g.tagName)\n    g = g.parentNode;\n  var t = g.tagName.toUpperCase();\n  if (t==\"A\" || t==\"INPUT\")\n    return;\n    \n  if (window.getSelection) {\n    // Mozilla\n    if (String(window.getSelection()))\n      return;\n  }\n  else if (document.getSelection) {\n    // Opera? Netscape 4?\n    if (document.getSelection())\n      return;\n  }\n  else {\n    // IE\n    if ( document.selection.createRange().text )\n      return;\n  }\n  \n  refocus();\n}\n\nfunction inputKeydown(e) {\n  // Use onkeydown because IE doesn't support onkeypress for arrow keys\n\n  //alert(e.keyCode + \" ^ \" + e.keycode);\n\n  if (e.shiftKey && e.keyCode == 13) { // shift-enter\n    // don't do anything; allow the shift-enter to insert a line break as normal\n  } else if (e.keyCode == 13) { // enter\n    // execute the input on enter\n    try { go(); } catch(er) { alert(er); };\n    setTimeout(function() { _in.value = \"\"; }, 0); // can't preventDefault on input, so clear it later\n  } else if (e.keyCode == 38) { // up\n    // go up in history if at top or ctrl-up\n    if (e.ctrlKey || caretInFirstLine(_in))\n      hist(true);\n  } else if (e.keyCode == 40) { // down\n    // go down in history if at end or ctrl-down\n    if (e.ctrlKey || caretInLastLine(_in))\n      hist(false);\n  } else if (e.keyCode == 9) { // tab\n    tabcomplete();\n    setTimeout(function() { refocus(); }, 0); // refocus because tab was hit\n  } else { }\n\n  setTimeout(recalculateInputHeight, 0);\n  \n  //return true;\n};\n\nfunction caretInFirstLine(textbox)\n{\n  // IE doesn't support selectionStart/selectionEnd\n  if (textbox.selectionStart == undefined)\n    return true;\n\n  var firstLineBreak = textbox.value.indexOf(\"\\n\");\n  \n  return ((firstLineBreak == -1) || (textbox.selectionStart <= firstLineBreak));\n}\n\nfunction caretInLastLine(textbox)\n{\n  // IE doesn't support selectionStart/selectionEnd\n  if (textbox.selectionEnd == undefined)\n    return true;\n\n  var lastLineBreak = textbox.value.lastIndexOf(\"\\n\");\n  \n  return (textbox.selectionEnd > lastLineBreak);\n}\n\nfunction recalculateInputHeight()\n{\n  var rows = _in.value.split(/\\n/).length\n    + 1 // prevent scrollbar flickering in Mozilla\n    + (window.opera ? 1 : 0); // leave room for scrollbar in Opera\n  \n  if (_in.rows != rows) // without this check, it is impossible to select text in Opera 7.60 or Opera 8.0.\n    _in.rows = rows;\n}\n\nfunction println(s, type)\n{\n  if((s=String(s)))\n  {\n    var newdiv = document.createElement(\"div\");\n    newdiv.appendChild(document.createTextNode(s));\n    newdiv.className = type;\n    _out.appendChild(newdiv);\n    return newdiv;\n  }\n}\n\nfunction printWithRunin(h, s, type)\n{\n  var div = println(s, type);\n  var head = document.createElement(\"strong\");\n  head.appendChild(document.createTextNode(h + \": \"));\n  div.insertBefore(head, div.firstChild);\n}\n\n\nvar shellCommands = \n{\nload : function load(url)\n{\n  var s = _win.document.createElement(\"script\");\n  s.type = \"text/javascript\";\n  s.src = url;\n  _win.document.getElementsByTagName(\"head\")[0].appendChild(s);\n  println(\"Loading \" + url + \"...\", \"message\");\n},\n\nclear : function clear()\n{\n  var CHILDREN_TO_PRESERVE = 3;\n  while (_out.childNodes[CHILDREN_TO_PRESERVE]) \n    _out.removeChild(_out.childNodes[CHILDREN_TO_PRESERVE]);\n},\n\nprint : function print(s) { println(s, \"print\"); },\n\n// the normal function, \"print\", shouldn't return a value\n// (suggested by brendan; later noticed it was a problem when showing others)\npr : function pr(s) \n{ \n  shellCommands.print(s); // need to specify shellCommands so it doesn't try window.print()!\n  return s;\n},\n\nprops : function props(e, onePerLine)\n{\n  if (e === null) {\n    println(\"props called with null argument\", \"error\");\n    return;\n  }\n\n  if (e === undefined) {\n    println(\"props called with undefined argument\", \"error\");\n    return;\n  }\n\n  var ns = [\"Methods\", \"Fields\", \"Unreachables\"];\n  var as = [[], [], []]; // array of (empty) arrays of arrays!\n  var p, j, i; // loop variables, several used multiple times\n\n  var protoLevels = 0;\n\n  for (p = e; p; p = p.__proto__)\n  {\n    for (i=0; i<ns.length; ++i)\n      as[i][protoLevels] = [];\n    ++protoLevels;\n  }\n\n  for(var a in e)\n  {\n    // Shortcoming: doesn't check that VALUES are the same in object and prototype.\n\n    var protoLevel = -1;\n    try\n    {\n      for (p = e; p && (a in p); p = p.__proto__)\n        ++protoLevel;\n    }\n    catch(er) { protoLevel = 0; } // \"in\" operator throws when param to props() is a string\n\n    var type = 1;\n    try\n    {\n      if ((typeof e[a]) == \"function\")\n        type = 0;\n    }\n    catch (er) { type = 2; }\n\n    as[type][protoLevel].push(a);\n  }\n\n  function times(s, n) { return n ? s + times(s, n-1) : \"\"; }\n\n  for (j=0; j<protoLevels; ++j)\n    for (i=0;i<ns.length;++i)\n      if (as[i][j].length) \n        printWithRunin(\n          ns[i] + times(\" of prototype\", j), \n          (onePerLine ? \"\\n\\n\" : \"\") + as[i][j].sort().join(onePerLine ? \"\\n\" : \", \") + (onePerLine ? \"\\n\\n\" : \"\"), \n          \"propList\"\n        );\n},\n\nblink : function blink(node)\n{\n  if (!node)                     throw(\"blink: argument is null or undefined.\");\n  if (node.nodeType == null)     throw(\"blink: argument must be a node.\");\n  if (node.nodeType == 3)        throw(\"blink: argument must not be a text node\");\n  if (node.documentElement)      throw(\"blink: argument must not be the document object\");\n\n  function setOutline(o) { \n    return function() {\n      if (node.style.outline != node.style.bogusProperty) {\n        // browser supports outline (Firefox 1.1 and newer, CSS3, Opera 8).\n        node.style.outline = o;\n      }\n      else if (node.style.MozOutline != node.style.bogusProperty) {\n        // browser supports MozOutline (Firefox 1.0.x and older)\n        node.style.MozOutline = o;\n      }\n      else {\n        // browser only supports border (IE). border is a fallback because it moves things around.\n        node.style.border = o;\n      }\n    }\n  } \n  \n  function focusIt(a) {\n    return function() {\n      a.focus(); \n    }\n  }\n\n  if (node.ownerDocument) {\n    var windowToFocusNow = (node.ownerDocument.defaultView || node.ownerDocument.parentWindow); // Moz vs. IE\n    if (windowToFocusNow)\n      setTimeout(focusIt(windowToFocusNow.top), 0);\n  }\n\n  for(var i=1;i<7;++i)\n    setTimeout(setOutline((i%252)?'3px solid red':'none'), i*100);\n\n  setTimeout(focusIt(window), 800);\n  setTimeout(focusIt(_in), 810);\n},\n\nscope : function scope(sc)\n{\n  if (!sc) sc = {};\n  _scope = sc;\n  println(\"Scope is now \" + sc + \".  If a variable is not found in this scope, window will also be searched.  New variables will still go on window.\", \"message\");\n},\n\nmathHelp : function mathHelp()\n{\n  printWithRunin(\"Math constants\", \"E, LN2, LN10, LOG2E, LOG10E, PI, SQRT1_2, SQRT2\", \"propList\");\n  printWithRunin(\"Math methods\", \"abs, acos, asin, atan, atan2, ceil, cos, exp, floor, log, max, min, pow, random, round, sin, sqrt, tan\", \"propList\");\n},\n\nans : undefined\n};\n\n\nfunction hist(up)\n{\n  // histList[0] = first command entered, [1] = second, etc.\n  // type something, press up --> thing typed is now in \"limbo\"\n  // (last item in histList) and should be reachable by pressing \n  // down again.\n\n  var L = histList.length;\n\n  if (L == 1)\n    return;\n\n  if (up)\n  {\n    if (histPos == L-1)\n    {\n      // Save this entry in case the user hits the down key.\n      histList[histPos] = _in.value;\n    }\n\n    if (histPos > 0)\n    {\n      histPos--;\n      // Use a timeout to prevent up from moving cursor within new text\n      // Set to nothing first for the same reason\n      setTimeout(\n        function() {\n          _in.value = ''; \n          _in.value = histList[histPos];\n          var caretPos = _in.value.length;\n          if (_in.setSelectionRange) \n            _in.setSelectionRange(caretPos, caretPos);\n        },\n        0\n      );\n    }\n  } \n  else // down\n  {\n    if (histPos < L-1)\n    {\n      histPos++;\n      _in.value = histList[histPos];\n    }\n    else if (histPos == L-1)\n    {\n      // Already on the current entry: clear but save\n      if (_in.value)\n      {\n        histList[histPos] = _in.value;\n        ++histPos;\n        _in.value = \"\";\n      }\n    }\n  }\n}\n\nfunction tabcomplete()\n{\n  /*\n   * Working backwards from s[from], find the spot\n   * where this expression starts.  It will scan\n   * until it hits a mismatched ( or a space,\n   * but it skips over quoted strings.\n   * If stopAtDot is true, stop at a '.'\n   */\n  function findbeginning(s, from, stopAtDot)\n  {\n    /*\n     *  Complicated function.\n     *\n     *  Return true if s[i] == q BUT ONLY IF\n     *  s[i-1] is not a backslash.\n     */\n    function equalButNotEscaped(s,i,q)\n    {\n      if(s.charAt(i) != q) // not equal go no further\n        return false;\n\n      if(i==0) // beginning of string\n        return true;\n\n      if(s.charAt(i-1) == '\\\\') // escaped?\n        return false;\n\n      return true;\n    }\n\n    var nparens = 0;\n    var i;\n    for(i=from; i>=0; i--)\n    {\n      if(s.charAt(i) == ' ')\n        break;\n\n      if(stopAtDot && s.charAt(i) == '.')\n        break;\n        \n      if(s.charAt(i) == ')')\n        nparens++;\n      else if(s.charAt(i) == '(')\n        nparens--;\n\n      if(nparens < 0)\n        break;\n\n      // skip quoted strings\n      if(s.charAt(i) == '\\'' || s.charAt(i) == '\\\"')\n      {\n        //dump(\"skipping quoted chars: \");\n        var quot = s.charAt(i);\n        i--;\n        while(i >= 0 && !equalButNotEscaped(s,i,quot)) {\n          //dump(s.charAt(i));\n          i--;\n        }\n        //dump(\"\\n\");\n      }\n    }\n    return i;\n  }\n\n  // XXX should be used more consistently (instead of using selectionStart/selectionEnd throughout code)\n  // XXX doesn't work in IE, even though it contains IE-specific code\n  function getcaretpos(inp)\n  {\n    if(inp.selectionEnd != null)\n      return inp.selectionEnd;\n      \n    if(inp.createTextRange)\n    {\n      var docrange = _win.Shell.document.selection.createRange();\n      var inprange = inp.createTextRange();\n      if (inprange.setEndPoint)\n      {\n        inprange.setEndPoint('EndToStart', docrange);\n        return inprange.text.length;\n      }\n    }\n\n    return inp.value.length; // sucks, punt\n  }\n\n  function setselectionto(inp,pos)\n  {\n    if(inp.selectionStart) {\n      inp.selectionStart = inp.selectionEnd = pos;\n    }\n    else if(inp.createTextRange) {\n      var docrange = _win.Shell.document.selection.createRange();\n      var inprange = inp.createTextRange();\n      inprange.move('character',pos);\n      inprange.select();\n    }\n    else { // err...\n    /*\n      inp.select();\n      if(_win.Shell.document.getSelection())\n        _win.Shell.document.getSelection() = \"\";\n        */\n    }\n  }\n    // get position of cursor within the input box\n    var caret = getcaretpos(_in);\n\n    if(caret) {\n      //dump(\"----\\n\");\n      var dotpos, spacepos, complete, obj;\n      //dump(\"caret pos: \" + caret + \"\\n\");\n      // see if there's a dot before here\n      dotpos = findbeginning(_in.value, caret-1, true);\n      //dump(\"dot pos: \" + dotpos + \"\\n\");\n      if(dotpos == -1 || _in.value.charAt(dotpos) != '.') {\n        dotpos = caret;\n//dump(\"changed dot pos: \" + dotpos + \"\\n\");\n      }\n\n      // look backwards for a non-variable-name character\n      spacepos = findbeginning(_in.value, dotpos-1, false);\n      //dump(\"space pos: \" + spacepos + \"\\n\");\n      // get the object we're trying to complete on\n      if(spacepos == dotpos || spacepos+1 == dotpos || dotpos == caret)\n      {\n        // try completing function args\n        if(_in.value.charAt(dotpos) == '(' ||\n (_in.value.charAt(spacepos) == '(' && (spacepos+1) == dotpos))\n        {\n          var fn,fname;\n  var from = (_in.value.charAt(dotpos) == '(') ? dotpos : spacepos;\n          spacepos = findbeginning(_in.value, from-1, false);\n\n          fname = _in.value.substr(spacepos+1,from-(spacepos+1));\n  //dump(\"fname: \" + fname + \"\\n\");\n          try {\n            with(_win.Shell._scope)\n              with(_win)\n                with(Shell.shellCommands)\n                  fn = eval(fname);\n          }\n          catch(er) {\n            //dump('fn is not a valid object\\n');\n            return;\n          }\n          if(fn == undefined) {\n             //dump('fn is undefined');\n             return;\n          }\n          if(fn instanceof Function)\n          {\n            // Print function definition, including argument names, but not function body\n            if(!fn.toString().match(/function .+?\\(\\) +\\{\\n +\\[native code\\]\\n\\}/))\n              println(fn.toString().match(/function .+?\\(.*?\\)/), \"tabcomplete\");\n          }\n\n          return;\n        }\n        else\n          obj = _win;\n      }\n      else\n      {\n        var objname = _in.value.substr(spacepos+1,dotpos-(spacepos+1));\n        //dump(\"objname: |\" + objname + \"|\\n\");\n        try {\n          with(_win.Shell._scope)\n            with(_win)\n                obj = eval(objname);\n        }\n        catch(er) {\n          printError(er); \n          return;\n        }\n        if(obj == undefined) {\n          // sometimes this is tabcomplete's fault, so don't print it :(\n          // e.g. completing from \"print(document.getElements\"\n          // println(\"Can't complete from null or undefined expression \" + objname, \"error\");\n          return;\n        }\n      }\n      //dump(\"obj: \" + obj + \"\\n\");\n      // get the thing we're trying to complete\n      if(dotpos == caret)\n      {\n        if(spacepos+1 == dotpos || spacepos == dotpos)\n        {\n          // nothing to complete\n          //dump(\"nothing to complete\\n\");\n          return;\n        }\n\n        complete = _in.value.substr(spacepos+1,dotpos-(spacepos+1));\n      }\n      else {\n        complete = _in.value.substr(dotpos+1,caret-(dotpos+1));\n      }\n      //dump(\"complete: \" + complete + \"\\n\");\n      // ok, now look at all the props/methods of this obj\n      // and find ones starting with 'complete'\n      var matches = [];\n      var bestmatch = null;\n      for(var a in obj)\n      {\n        //a = a.toString();\n        //XXX: making it lowercase could help some cases,\n        // but screws up my general logic.\n        if(a.substr(0,complete.length) == complete) {\n          matches.push(a);\n          ////dump(\"match: \" + a + \"\\n\");\n          // if no best match, this is the best match\n          if(bestmatch == null)\n          {\n            bestmatch = a;\n          }\n          else {\n            // the best match is the longest common string\n            function min(a,b){ return ((a<b)?a:b); }\n            var i;\n            for(i=0; i< min(bestmatch.length, a.length); i++)\n            {\n              if(bestmatch.charAt(i) != a.charAt(i))\n                break;\n            }\n            bestmatch = bestmatch.substr(0,i);\n            ////dump(\"bestmatch len: \" + i + \"\\n\");\n          }\n          ////dump(\"bestmatch: \" + bestmatch + \"\\n\");\n        }\n      }\n      bestmatch = (bestmatch || \"\");\n      ////dump(\"matches: \" + matches + \"\\n\");\n      var objAndComplete = (objname || obj) + \".\" + bestmatch;\n      //dump(\"matches.length: \" + matches.length + \", tooManyMatches: \" + tooManyMatches + \", objAndComplete: \" + objAndComplete + \"\\n\");\n      if(matches.length > 1 && (tooManyMatches == objAndComplete || matches.length <= 10)) {\n\n        printWithRunin(\"Matches: \", matches.join(', '), \"tabcomplete\");\n        tooManyMatches = null;\n      }\n      else if(matches.length > 10)\n      {\n        println(matches.length + \" matches.  Press tab again to see them all\", \"tabcomplete\");\n        tooManyMatches = objAndComplete;\n      }\n      else {\n        tooManyMatches = null;\n      }\n      if(bestmatch != \"\")\n      {\n        var sstart;\n        if(dotpos == caret) {\n          sstart = spacepos+1;\n        }\n        else {\n          sstart = dotpos+1;\n        }\n        _in.value = _in.value.substr(0, sstart)\n                  + bestmatch\n                  + _in.value.substr(caret);\n        setselectionto(_in,caret + (bestmatch.length - complete.length));\n      }\n    }\n}\n\nfunction printQuestion(q)\n{\n  println(q, \"input\");\n}\n\nfunction printAnswer(a)\n{\n  if (a !== undefined) {\n    println(a, \"normalOutput\");\n    shellCommands.ans = a;\n  }\n}\n\nfunction printError(er)\n{ \n  var lineNumberString;\n\n  lastError = er; // for debugging the shell\n  if (er.name)\n  {\n    // lineNumberString should not be \"\", to avoid a very wacky bug in IE 6.\n    lineNumberString = (er.lineNumber != undefined) ? (\" on line \" + er.lineNumber + \": \") : \": \";\n    println(er.name + lineNumberString + er.message, \"error\"); // Because IE doesn't have error.toString.\n  }\n  else\n    println(er, \"error\"); // Because security errors in Moz /only/ have toString.\n}\n\nfunction go(s)\n{\n  _in.value = question = s ? s : _in.value;\n\n  if (question == \"\")\n    return;\n\n  histList[histList.length-1] = question;\n  histList[histList.length] = \"\";\n  histPos = histList.length - 1;\n  \n  // Unfortunately, this has to happen *before* the JavaScript is run, so that \n  // print() output will go in the right place.\n  _in.value='';\n  recalculateInputHeight();\n  printQuestion(question);\n\n  if (_win.closed) {\n    printError(\"Target window has been closed.\");\n    return;\n  }\n  \n  try { (\"Shell\" in _win) }\n  catch(er) {\n    printError(\"The JavaScript Shell cannot access variables in the target window.  The most likely reason is that the target window now has a different page loaded and that page has a different hostname than the original page.\");\n    return;\n  }\n\n  if (!(\"Shell\" in _win))\n    initTarget(); // silent\n\n  // Evaluate Shell.question using _win's eval (this is why eval isn't in the |with|, IIRC).\n  _win.location.href = \"javascript:try{ Shell.printAnswer(eval('with(Shell._scope) with(Shell.shellCommands) {' + Shell.question + String.fromCharCode(10) + '}')); } catch(er) { Shell.printError(er); }; setTimeout(Shell.refocus, 0); void 0\";\n}\n\n</script>\n\n<!-- for http://ted.mielczarek.org/code/mozilla/extensiondev/ -->\n<script type=\"text/javascript\" src=\"chrome://extensiondev/content/rdfhistory.js\"></script>\n<script type=\"text/javascript\" src=\"chrome://extensiondev/content/chromeShellExtras.js\"></script>\n\n<style type=\"text/css\">\nbody { background: white; color: black; }\n\n#output { white-space: pre; white-space: -moz-pre-wrap; } /* Preserve line breaks, but wrap too if browser supports it */\nh3 { margin-top: 0; margin-bottom: 0em; }\nh3 + div { margin: 0; }\n\nform { margin: 0; padding: 0; }\n#input { width: 100%25; border: none; padding: 0; overflow: auto; }\n\n.input { color: blue; background: white; font: inherit; font-weight: bold; margin-top: .5em; /* background: #E6E6FF; */ }\n.normalOutput { color: black; background: white; }\n.print { color: brown; background: white; }\n.error { color: red; background: white; }\n.propList { color: green; background: white; }\n.message { color: green; background: white; }\n.tabcomplete { color: purple; background: white; }\n</style>\n</head>\n\n<body onload=\"init()\">\n\n<div id=\"output\"><h3>JavaScript Shell 1.4</h3><div>Features: autocompletion of property names with Tab, multiline input with Shift+Enter, input history with (Ctrl+) Up/Down, <a accesskey=\"M\" href=\"javascript:go('scope(Math); mathHelp();');\" title=\"Accesskey: M\">Math</a>, <a accesskey=\"H\" href=\"http://www.squarefree.com/shell/?ignoreReferrerFrom=shell1.4\"  title=\"Accesskey: H\">help</a></div><div>Values and functions: ans, print(string), <a accesskey=\"P\" href=\"javascript:go('props(ans)')\" title=\"Accesskey: P\">props(object)</a>, <a accesskey=\"B\" href=\"javascript:go('blink(ans)')\" title=\"Accesskey: B\">blink(node)</a>, <a accesskey=\"C\" href=\"javascript:go('clear()')\" title=\"Accesskey: C\">clear()</a>, load(scriptURL), scope(object)</div></div>\n\n<div><textarea id=\"input\" class=\"input\" wrap=\"off\" onkeydown=\"inputKeydown(event)\" rows=\"1\"></textarea></div>\n\n</body>\n\n</html>");document.close();}void 0
	}
}