// *************** Globals ***************
var lLHBs
// **************** END ******************
Event.observe(window, 'load', init, false);

function init(){
  lLHBs = $('LocalHealthBoard')
  Element.hide('dLHB');
  // ************  GlobalHandlers **************
  var myGlobalHandlers = {
  		onCreate: function(){
  			Element.show('userMsg');
  		},
  		onComplete: function() {
  			if(Ajax.activeRequestCount == 0){
  			    Element.hide('userMsg');
  			}
  		}
  	};
  	Ajax.Responders.register(myGlobalHandlers);
  	// **************** END ******************
}
function changeLHBoptions() {
  var fGroup = $F('Group')
  var url       = '../include/lhb_lookup.ajax.asp';
  var params    = 'group=' + fGroup;
  var ajax      = new Ajax.Request(
    url,
    {
      method: 'get',
      parameters: params,
      onComplete: showResponse,
      onFailure: reportError
    }
    );
}
function showResponse(originalRequest, json){
    removeOptions();
    Element.show('dLHB');
    var responses = json;
  	if (!json){
  	     // Probably user selected 'Please Select' - No returned JSON
  	    Element.hide('dLHB');
  	    Element.hide('userMsg');
  	    //if no json header then evaluate the renderedText instead
  	    //var responses = eval('(' + originalRequest.responseText + ')');
  	}
  	//else {alert('Is JSON!');}
  	var nodes = $H(responses['LHBs'])  
    nodes._each(function(node){
            addOption(node[0],node[1]);
        });
}
function addOption(optName,optValue){
    var myOption = document.createElement('option');
		myOption.setAttribute('value',optValue);
		var myText = document.createTextNode(optName);
		myOption.appendChild(myText);
		lLHBs.appendChild(myOption);
}
function removeOptions(){
  lLHBs.options.length=0; 
  addOption('Please Select','');
}
function reportError() {var dUserMsg  = $('userMsg'); dUserMsg.innerHTML =  "<h1>Error</h1>";}