/**
 * @author Matthew.Ma
 */

// call back methods
 var countryCallback =
{
	success: function(o) {
		 if(o.responseText !== undefined){
			addNewOptions(o.argument.countrySelectElm, o.responseXML);
		 }
	},
	failure: function(o) {
		//do nothing
	},
	argument: { countrySelectElm: "blank" }
};

// end  Callback methods

function addNewOptions(selectElm, optionXml)
{
	selectElm.options.length = 0;
	var opts = optionXml.getElementsByTagName('option');
	for (var i=0;i<opts.length;i++) {
		selectElm.options[i] = new Option(opts[i].firstChild.nodeValue,opts[i].getAttribute('value'));
	}
}
// getXXXPicker methods
function getCountryPicker(continentSelectElm) {
	if (!continentSelectElm) { return; }
	var ancestorElm = continentSelectElm.parentNode.parentNode.parentNode;
 	var countryDD = $D.getElementsByClassName('statePicker');
 	if (countryDD.length) {
		for(var j = 0; j < countryDD.length; j++){
			if (countryDD[j].parentNode.parentNode.parentNode == ancestorElm) {
				return countryDD[j];
			}
		}
 	}
 	return null;
}



// onChange events
function onCountryChange(e){
	var protocol = window.location.protocol;
	var url = "../office-locator-ajax-subregion.jsp?region=" + escape(this.value);
	var countryPickerElm = getCountryPicker(this);
	var hiddenDD = $D.getElementsByClassName('image-btn-div');
	countryCallback.argument.countrySelectElm = countryPickerElm;

	if (countryPickerElm.options) {
		countryPickerElm.options.length = 0;
		countryPickerElm.options[0] = new Option("- Please wait ... ", "");
	}
	if (this.value !== '') {
		if (countryPickerElm.value === '') {
			YAHOO.util.Dom.addClass(hiddenDD, 'hide');
		}
		YAHOO.util.Connect.asyncRequest('GET', url, countryCallback, null);
	}
	else {
		YAHOO.util.Dom.addClass(hiddenDD, 'hide');
	}

}
function onStateChange(e){
	var hiddenDD = $D.getElementsByClassName('image-btn-div');
	var continentDD = $D.getElementsByClassName('countryPicker');

	if (this.value === '' || continentDD.value === '') {
		YAHOO.util.Dom.addClass(hiddenDD, 'hide');
	}
	else {
		YAHOO.util.Dom.removeClass(hiddenDD, 'hide');
	}
}

// initEvent methods
function initCountryEvents(){
	var continentDD = $D.getElementsByClassName('countryPicker');
	if (continentDD.length) {
		$E.addListener(continentDD, "change", onCountryChange);
	}
}
function initStateEvents(){
	var countryDD = $D.getElementsByClassName('statePicker');
	if (countryDD.length) {
		$E.addListener(countryDD, "change", onStateChange);
	}
}
//run the init function
YAHOO.util.Event.addListener(window, "load", initCountryEvents);
YAHOO.util.Event.addListener(window, "load", initStateEvents);