/**
* Set the display of a given set of XHTML elements. 
  It should be called like this for a single element:
  setDisplay("myId", "none")
  For multiple elements with just one call:
  setDisplay("myId", "none", "anotherId", "block")
 */
function setDisplay(){
	var args = setDisplay.arguments;
	for(var i=0; i<args.length; i=i+2){
		var elementNode = document.getElementById(args[i]);
		if(elementNode){
			elementNode.style.display = args[i + 1];
		}
	}		
}

/**
* Toggle the display of a given set of XHTML elements. If it's "block" it set it to "none" and viceversa
* @param       ids (strings)                 An unlimited amount of XHTML elements ids
 */
function toggleDisplay(){
	var elements = toggleDisplay.arguments;
	for(var i=0; i<elements.length; i++){
		var elementNode = document.getElementById(elements[i]);
		if(elementNode){
			elementNode.style.display = (elementNode.style.display != "block") ? "block" : "none";
		}
	}		
}

/**
* Toggle the display of the Direct Acces panel
 */
function toggleDirectAccess(linkNode){
	toggleDisplay('directAccessContent'); 
	var isExpanded = (linkNode.className == "bottomOn");
	// Since toggling the bottom border croosbrower can be tricky, we swap the class
	if(isExpanded){
		linkNode.className = "bottomOff";
		linkNode.innerHTML = "Close";
		hideSelects();
	}
	else{
		linkNode.className = "bottomOn";
		linkNode.innerHTML = "All Programs & Services";
		showSelects();
	}
}

/**
* Toggle the display of an help box inside a form
 */
function toggleHelpBox(boxId, labelId){
	toggleDisplay(boxId);
	toggleClass(document.getElementById(labelId), "helpOn");
}

/**
* Hide all <select> elements inside the current document. IE only
 */
function hideSelects(){
	if(document.all){
		var nodeList = document.getElementsByTagName("select");
		for(var i=0; i<nodeList.length; i++){
			nodeList[i].style.visibility = "hidden";
		}
	}
}

/**
* Show all <select> elements inside the current document. IE only
 */

function showSelects(){
	if(document.all){
		var nodeList = document.getElementsByTagName("select");
		for(var i=0; i<nodeList.length; i++){
			nodeList[i].style.visibility = "visible";
		}
	}	
}