var fldCountry = 'weddingcountry';

var fldDiv = 'chField';

// HTML for fields

///////////////////////////////
// United States States HTML //
///////////////////////////////
var USStates = '<table cellpadding="0" cellspacing="0"><tr><td valign="middle" class="bodysmallblk" align="left" width="113">State:</td><td width="3"> </td><td align="left">';
var USStates = USStates + '<select name="states" class="select" id="states" onChange="stateChange(this.value);">';
var USStates = USStates + '<option value="">Choose State</option>';
var USStates = USStates + '<option value="AL" >Alabama</option>';
var USStates = USStates + '<option value="AK" >Alaska</option>';
var USStates = USStates + '<option value="AZ" >Arizona</option>';
var USStates = USStates + '<option value="AR" >Arkansas</option>';
var USStates = USStates + '<option value="CA" >California</option>';
var USStates = USStates + '<option value="CO" >Colorado</option>';
var USStates = USStates + '<option value="CT" >Connecticut</option>';
var USStates = USStates + '<option value="DE" >Delaware</option>';
var USStates = USStates + '<option value="DC" >District of Columbia</option>';
var USStates = USStates + '<option value="FL" >Florida</option>';
var USStates = USStates + '<option value="GA" >Georgia</option>';
var USStates = USStates + '<option value="HI" >Hawaii</option>';
var USStates = USStates + '<option value="ID" >Idaho</option>';
var USStates = USStates + '<option value="IL" >Illinois</option>';
var USStates = USStates + '<option value="IN" >Indiana</option>';
var USStates = USStates + '<option value="IA" >Iowa</option>';
var USStates = USStates + '<option value="KS" >Kansas</option>';
var USStates = USStates + '<option value="KY" >Kentucky</option>';
var USStates = USStates + '<option value="LA" >Louisiana</option>';
var USStates = USStates + '<option value="ME" >Maine</option>';
var USStates = USStates + '<option value="MD" >Maryland</option>';
var USStates = USStates + '<option value="MA" >Massachusetts</option>';
var USStates = USStates + '<option value="MI" >Michigan</option>';
var USStates = USStates + '<option value="MN" >Minnesota</option>';
var USStates = USStates + '<option value="MS" >Mississippi</option>';
var USStates = USStates + '<option value="MO" >Missouri</option>';
var USStates = USStates + '<option value="MT" >Montana</option>';
var USStates = USStates + '<option value="NE" >Nebraska</option>';
var USStates = USStates + '<option value="NV" >Nevada</option>';
var USStates = USStates + '<option value="NH" >New Hampshire</option>';
var USStates = USStates + '<option value="NJ" >New Jersey</option>';
var USStates = USStates + '<option value="NM" >New Mexico</option>';
var USStates = USStates + '<option value="NY" >New York</option>';
var USStates = USStates + '<option value="NC" >North Carolina</option>';
var USStates = USStates + '<option value="ND" >North Dakota</option>';
var USStates = USStates + '<option value="OH" >Ohio</option>';
var USStates = USStates + '<option value="OK" >Oklahoma</option>';
var USStates = USStates + '<option value="OR" >Oregon</option>';
var USStates = USStates + '<option value="PA" >Pennsylvania</option>';
var USStates = USStates + '<option value="RI" >Rhode Island</option>';
var USStates = USStates + '<option value="SC" >South Carolina</option>';
var USStates = USStates + '<option value="SD" >South Dakota</option>';
var USStates = USStates + '<option value="TN" >Tennessee</option>';
var USStates = USStates + '<option value="TX" >Texas</option>';
var USStates = USStates + '<option value="UT" >Utah</option>';
var USStates = USStates + '<option value="VT" >Vermont</option>';
var USStates = USStates + '<option value="VA" >Virginia</option>';
var USStates = USStates + '<option value="WA" >Washington</option>';
var USStates = USStates + '<option value="WV" >West Virginia</option>';
var USStates = USStates + '<option value="WI" >Wisconsin</option>';
var USStates = USStates + '<option value="WY" >Wyoming</option>';
var USStates = USStates + '</select></td></tr></table>';

///////////////////////////
// Canada provinces HTML //
///////////////////////////
var CanadaStates = '<table cellpadding="0" cellspacing="0"><tr><td valign="middle" class="bodysmallblk" align="left" width="113">Province:</td><td width="3"> </td><td align="left">';
var CanadaStates = CanadaStates + '<select name="states" class="select" id="states" onChange="stateChange(this.value);">';
var CanadaStates = CanadaStates + '<option value="">Choose Province</option>';
var CanadaStates = CanadaStates + '<option value="AB" >Alberta</option>';
var CanadaStates = CanadaStates + '<option value="BC" >British Columbia</option>';
var CanadaStates = CanadaStates + '<option value="MB" >Manitoba</option>';
var CanadaStates = CanadaStates + '<option value="NB" >New Brunswick</option>';
var CanadaStates = CanadaStates + '<option value="NL" >Newfoundland and Labrador</option>';
var CanadaStates = CanadaStates + '<option value="NT" >Northwest Territories</option>';
var CanadaStates = CanadaStates + '<option value="NS" >Nova Scotia</option>';
var CanadaStates = CanadaStates + '<option value="NU" >Nunavut</option>';
var CanadaStates = CanadaStates + '<option value="ON" >Ontario</option>'; 
var CanadaStates = CanadaStates + '<option value="PE" >Prince Edward Island</option>';
var CanadaStates = CanadaStates + '<option value="QC" >Quebec</option>';
var CanadaStates = CanadaStates + '<option value="SK" >Saskatchewan</option>';
var CanadaStates = CanadaStates + '<option value="YT" >Yukon</option>';
var CanadaStates = CanadaStates + '</select></td></tr></table>';

///////////////////////////
// Other countries HTML //
///////////////////////////
var OtherCountries = '<input type="hidden" name="states" id="states" value="">';

function stateChange(val) {
	var state = document.getElementById('weddingstate');
	
	state.value = val;
}

function changeCountrySelect(obj) {
	var div = document.getElementById(fldDiv);
	
	if (obj.value == 'United States') {
		div.innerHTML = USStates;
	}
	else if(obj.value == 'Canada') {
		div.innerHTML = CanadaStates;
	}
	else {
		div.innerHTML = OtherCountries;
	}
	var state = document.getElementById('states');
	
	stateChange(state.value);
}

function doAutoLoad() {
	var objCountry = document.getElementById(fldCountry);
	
	changeCountrySelect(objCountry);
	
	if (selState == undefined) {
		return;
	}
	
	var objState = document.getElementById('states');
	if (objState.type.indexOf("select") >= 0) {
		for(var i = 0; i < objState.options.length; i++) {
			var opt = objState.options[i];
			if (opt.value == selState) {
				objState.selectedIndex = i;
				stateChange(objState.value);
			}
		}
	}
}

function addEvent(el, eventName, callback) {
	if (el.attachEvent) { // IE
		el.attachEvent('on' + eventName, callback);
	} else if (el.addEventListener) { // Mozilla/Gecko
		el.addEventListener(eventName, callback, true);
	} else { // other browsers
		el['on' + eventName] = callback;
	}
}

addEvent(window, 'load', doAutoLoad);