// Thanks to "The Man in Blue"
// http://www.themaninblue.com/experiment/AccessibleSelect/
window.onload = initSelect;

function initSelect()
{
	var theSelect = document.getElementById("popup_id");
	
	theSelect.changed = false;
	theSelect.onfocus = selectFocussed;
	theSelect.onchange = selectChanged;
	theSelect.onkeydown = selectKeyed;
	theSelect.onclick = selectClicked;
	
	return true;
}

function selectChanged(theElement)
{
	var theSelect;
	
	if (theElement && theElement.value)
	{
		theSelect = theElement;
	}
	else
	{
		theSelect = this;
	}
	
	if (!theSelect.changed)
	{
		return false;
	}

	var reznum = document.StartTeam.reserved.options[document.StartTeam.reserved.selectedIndex].value;
	 	//alert (reznum);
 		var path = 'pop/reserved.cfm?reserved=';
 		var url = path + reznum;
 		//alert (url);
 		window.open(url, "popup_id", "scrollbars,resizable,width=500,height=400");
	//alert("The select has been changed to " + theSelect.value);
	
	return true;
}

function selectClicked()
{
	this.changed = true;
}

function selectFocussed()
{
	this.initValue = this.value;
	
	return true;
}

function selectKeyed(e)
{
	var theEvent;
	var keyCodeTab = "9";
	var keyCodeEnter = "13";
	var keyCodeEsc = "27";
	
	if (e)
	{
		theEvent = e;
	}
	else
	{
		theEvent = event;
	}

	if ((theEvent.keyCode == keyCodeEnter || theEvent.keyCode == keyCodeTab) && this.value != this.initValue)
	{
		this.changed = true;
		selectChanged(this);
	}
	else if (theEvent.keyCode == keyCodeEsc)
	{
		this.value = this.initValue;
	}
	else
	{
		this.changed = false;
	}
	
	return true;
}