var selectionDiv = document;
var optionsDiv = document;
var justClicked = false;

function fsToggleList(pSelectionDiv, pOptionsDiv)
{
	if (optionsDiv != pOptionsDiv)
	{
		//justClicked = false;
		fsClose();
	}
	
	vista = (pOptionsDiv.style.display == 'block') ? 'none' : 'block'
	if (vista == 'block')
	{
		optionsDiv = pOptionsDiv;
		selectionDiv = pSelectionDiv;
		justClicked = true;
	}
	else optionsDiv = document;
	pOptionsDiv.style.display = vista;
	// If we're showing the options, try scrolling to the last option in optionsDiv
	if (vista == 'block')
		for (var index = 0; index < optionsDiv.getElementsByTagName("div").length; index++)
			optionsDiv.getElementsByTagName("div").item(index).focus();
}

function fsChoose(item, value)
{
	selected = selectionDiv.getElementsByTagName("input").item(0);
	hidden = selectionDiv.getElementsByTagName("input").item(1);
	hidden.value = value;
	selected.value = item.innerHTML;
	fsUnhighlight(item);
	fsClose();
}

function fsClose()
{
	if (optionsDiv != document && !justClicked) fsToggleList(selectionDiv, optionsDiv);
	justClicked = false;
}

function fsHighlight(item)
{
	item.style.backgroundColor = '#E0E1CE';
}
function fsUnhighlight(item)
{
	item.style.backgroundColor = '#E4E8E9';
}

function fcToggleCheckbox(pDiv)
{
	var img = pDiv.getElementsByTagName("p").item(0).getElementsByTagName("img").item(0);
	var hidDiv = pDiv.getElementsByTagName("div").item(0);
	var hid = hidDiv.getElementsByTagName("input").item(0);
	if (img.src.substr(img.src.length - 12, 12) == "BoxClear.gif")
	{
		img.src = img.src.substr(0, img.src.length - 12) + "BoxTick.gif";
		hid.value = "1";
	}	
	else
	{
		img.src = img.src.substr(0, img.src.length - 11) + "BoxClear.gif";
		hid.value = "0";
	}
}

document.onclick = fsClose;