// JavaScript Document
function openOptions( strSelectID ){
	objSelect = document.getElementById( strSelectID + '_Options' );
	if( objSelect.className == 'show' )
		closeOptions( strSelectID );
	else
		objSelect.className = 'show';
}

function selectOption ( strSelectID, intSelected , strSelectedValue ){
	var objSelect = document.getElementById( strSelectID + '_Select' ).getElementsByTagName( 'LI' )[0];
	var objSelectOptions = document.getElementById( strSelectID + '_Options' ).getElementsByTagName( 'LI' );
	var strSelectedLabel = objSelectOptions[intSelected].getElementsByTagName( 'A' )[0].innerHTML;
	objSelect.getElementsByTagName( 'A' )[0].innerHTML = strSelectedLabel;
	document.getElementById( strSelectID ).setAttribute( "selectedIndex" , intSelected );
	document.getElementById( strSelectID ).value = strSelectedValue;
	
	closeOptions( strSelectID );
}

function closeOptions( strSelectID ){
	document.getElementById( strSelectID + '_Options' ).className = '';
	
	var objSelectOptions = document.getElementById( strSelectID + '_Options' ).getElementsByTagName( 'LI' );
	var intSelectedIndex = document.getElementById( strSelectID ).getAttribute("selectedindex");
	for(var i = 0; i < objSelectOptions.length; i++){
		objSelectOptions[i].className = '';
	}
	objSelectOptions[intSelectedIndex].className = 'hover';
}

function hoverOption( strSelectID, intSelected ){
	var objSelectOptions = document.getElementById( strSelectID + '_Options' ).getElementsByTagName( 'LI' );
	
	for(var i = 0; i < objSelectOptions.length; i++){
		objSelectOptions[i].className = '';
	}
	
	objSelectOptions[intSelected].className = 'hover';
}