/*---------------------------------------------------------------------
	JavaScript DOM Hide Selects function
		This is useful when using JS to display layers over the top of forms
		hide and show <select> items as necessary
		(IE select widgets are part of the OS and not browser, so we lose CSS control over z-index)

	REQUIREMENTS:

	
	USAGE:
		Make sure function initHideSelects() is called in the window.onload event (found in /assets/js/init.js).
-----------------------------------------------------------------------*/

var aSelect = document.getElementsByTagName('select');
var aHideSelects = new Array();

function initHideSelects() {
//	if (!document.getElementById) return

//	for (var i = 0; i < aSelect.length; i++) {
//		//aSelect[i].style.visibility = 'hidden'; 
//		aHideSelects[aSelect[i]] = aSelect[i].style.visibility; 
//		//alert(aHideSelects[aSelect[i]]);
//	}
}

function hideSelects() {
//	if (!document.getElementById) return
//	for (var i = 0; i < aSelect.length; i++) {
//		aHideSelects[aSelect[i]] = aSelect[i].style.visibility; 
//		aSelect[i].style.visibility = 'hidden'; 
//		//alert(aHideSelects[aSelect[i]]);
//	}
}

function showSelects() {
//	if (!document.getElementById) return
//	for (var i = 0; i < aSelect.length; i++) {
//		aSelect[i].style.visibility = aHideSelects[aSelect[i]];
//		//alert(aHideSelects[aSelect[i]]);
//	}
}

/*---------------
	Add to window.onload event
---------------*/
addEvent(window, 'load', initHideSelects, false);