YAHOO.util.Event.onDOMReady(function() {

	////////////////////////////////////////////////////////
	// autocomplete for countries
	////////////////////////////////////////////////////////

	var myDataSource = new YAHOO.util.XHRDataSource('./manager-country.php');
	myDataSource.responseType = YAHOO.util.XHRDataSource.TYPE_JSON;
	myDataSource.responseSchema = {
		resultsList : 'matches',
		fields : [
	        { key: 'name' },
	        { key: 'id' }
		]
	};

	var countryAutoComplete = new YAHOO.widget.AutoComplete('country_name', 'country_container', myDataSource);
	
	countryAutoComplete.generateRequest = function(sQuery) {
		return '?action=get&query=' + sQuery;
	};

	countryAutoComplete.animVert = true;

	countryAutoComplete.animHoriz = false;

	countryAutoComplete.animSpeed = 0.3;

	countryAutoComplete.typeAhead = false;

	countryAutoComplete.forceSelection = true;

	var setCountryID = function(sType, aArgs) {
		var oData = aArgs[2]; // object literal of selected item's result data
		document.getElementById('country').value = oData[1];
	};
	countryAutoComplete.itemSelectEvent.subscribe(setCountryID);



	////////////////////////////////////////////////////////
	// form validation
	///////////////////////////////////////////////////////

	callback = function(str) {
		dialog = make_alert('dialog', 'Transfer successful', 'Thank you. Your proposed area has been submitted.');

		dialog.show();
	}

	var validator = new AJAXFormValidator('area_form', callback, 'manager-area.php', true);
	validator.setActivityIndicator('activity-indicator');
	validator.setFading(fading_config);

	if (document.getElementById('countryname').value == '') {
		document.getElementById('countryname').focus();
	} else {
		document.getElementById('metropolitanarea').focus();
	}


});