function highlight(id)
{
	box = document.getElementById(id);
	if (!box.notHighlightable)
	{
		box.style.backgroundColor = "888888";
	}
}

function deHighlight(id)
{
	box = document.getElementById(id)
	if (!box.notHighlightable)
	{
		box.style.backgroundColor = "EEEEEE";
	}
}

var groupMap = new Object()

function changeVal(id, group)
{
	if (group)
	{
		oldId = groupMap[group];
		var oldObj
		
		if (oldId)
		{
			oldObj = document.getElementById(oldId)
			deValue(oldObj, oldId)
			groupMap[group] = false
		}
		
		if (oldId != id)
		{
			newObj = document.getElementById(id)
			reValue(newObj, id)
			groupMap[group] = id
		}
	} 
	else 
	{
		box = document.getElementById(id)
		if (!box.notHighlightable)
		{
			reValue(box, id);
		} 
		else
		{
			deValue(box, id);
		}	
	}
}

function deValue(box, id)
{
	box.style.backgroundColor = "EEEEEE";
	box.style.color = "3399FF";
	box.notHighlightable = false;
	hiddenBox = document.getElementById("hf" + id);
	hiddenBox.value = "0";
}

function reValue(box, id)
{
	box.style.backgroundColor = "222222";
	box.style.color = "EEEEEE";
	box.notHighlightable = true;
	hiddenBox = document.getElementById("hf" + id);
	hiddenBox.value = "1"
}