function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

var retrieveContact = {
	setData : function(resp){
		var response = document.getElementById("response");
		if (resp != ""){
			response.innerHTML = "<p>Please select an area:</p>";
			response.innerHTML += resp;
		}else{
			var trigger = document.getElementById("locationState");
			var theValue = trigger.options[trigger.selectedIndex].value;
			var request = new ajaxObject("retrieveContact.php",retrieveContact.setDataPerson);
			request.update("q="+theValue);
		}	
	},
	setDataPerson : function(resp){
		var response = document.getElementById("response");
		if (resp != ""){
			response.innerHTML = "<p><strong>Your contact is: ";
			response.innerHTML += resp + "</strong></p>";
		}	
	},
	getPerson : function(){
		var that = document.getElementById("areas");
		var theSelected = that.selectedIndex;
		var theValue = that.options[theSelected].value;
		var request = new ajaxObject("retrieveContact.php",retrieveContact.setDataPerson);
		request.update("a="+theValue);
	},
	sendRequest : function(theValue){
		var request = new ajaxObject("retrieveAreas.php",retrieveContact.setData);
		request.update("q="+theValue);
	},
	init: function(){
	//alert("what");
		if (!document.getElementById) return;
		var trigger = document.getElementById("locationState");
		trigger.onchange = function(){
			var response = document.getElementById("response");
			response.innerHTML = " ";
			var target = this.selectedIndex;
			var theValue = this.options[target].value;
			retrieveContact.sendRequest(theValue);
			return false;
		}
		
	}
}

addLoadEvent(retrieveContact.init);