var url = "abc.xml";
var xml = new JKL.ParseXML( url );
var data = xml.parse();




var numberOfCountries = 0;

var state=new Array();
state[0]=["Select a Region/State"];

var citiesw=new Array();


var countrySelectString = '';
countrySelectString += '<select name="country" id= "country" onchange="updatestates(this.selectedIndex)" style="margin-bottom:15px;width:170px">';
countrySelectString += '<option selected="selected">Select a Country</option>';

var allCountries = data["countries"]["country"];

if(allCountries[0] == undefined) {

	countrySelectString += '<option value="'+allCountries.countryvalue+'">'+allCountries.countrydisplayname+'</option>';
	//document.write("<br><br>"+ allCountries.countrydisplayname + " | " + allCountries.countryvalue);
		
	var country = allCountries;
	handleCountries(country, 1);
	numberOfCountries++;

} else {

	for(var countryCount = 0; countryCount < allCountries.length; countryCount++) {
		numberOfCountries++;
		countrySelectString += '<option value="'+data.countries.country[countryCount].countryvalue+'">'+data.countries.country[countryCount].countrydisplayname+'</option>';

		//document.write("<br><br>"+ data.countries.country[countryCount].countrydisplayname + " | " + data.countries.country[countryCount].countryvalue);
		
		var country = data.countries.country[countryCount];
		handleCountries(country, countryCount + 1);
		
	}
}

countrySelectString += '</select>';

for(var numberOfCountriesCount = 0; numberOfCountriesCount < (numberOfCountries + 1)*10000; numberOfCountriesCount++) {
	citiesw[(numberOfCountriesCount * 10)]=["Select a City"];
}


function handleCountries(singleCountry, countryCounter) {
	var allStates = singleCountry["states"]["state"];

	if(allStates[0] == undefined) {

		state[countryCounter]=["Select a Region/State",allStates.statedisplayname + " | " + allStates.statevalue];

		//document.write("<br>--" + allStates.statedisplayname + " | " + allStates.statevalue);
		var state1 = allStates;

		handleStates(state1, countryCounter, 1);

	} else {
		state[countryCounter] = new Array();
		state[countryCounter][0] = "Select a Region/State";
		for(var stateCount = 0; stateCount < allStates.length; stateCount++) {
			state[countryCounter][stateCount+1]=allStates[stateCount].statedisplayname + " | " + allStates[stateCount].statevalue;
			//document.write("<br>--" + allStates[stateCount].statedisplayname + " | " + allStates[stateCount].statevalue);
			
			var state1 = allStates[stateCount];
			handleStates(state1, countryCounter, stateCount + 1);

		}
	}
}

function handleStates(singleState, countryCounter, stateCounter) {
	var allCities = singleState["cities"]["city"];
		
	if(allCities[0] == undefined) {

		citiesw[parseInt(countryCounter + '9989' + stateCounter)]=["Select a City", allCities.citydisplayname + "|" + allCities.cityvalue];
		//document.write("<br>----" +  allCities.citydisplayname + " | " + allCities.cityvalue + " | " + allCities.filename);
	} else {
		citiesw[parseInt(countryCounter + '9989' + stateCounter)] = new Array();
		citiesw[parseInt(countryCounter + '9989' + stateCounter)][0]="Select a City";
		for(var cityCount = 0; cityCount < allCities.length; cityCount++) {
		//	alert(parseInt(countryCounter + '' + stateCounter));
			
			citiesw[parseInt(countryCounter + '9989' + stateCounter)][(cityCount+1)]=allCities[cityCount].citydisplayname + "|" + allCities[cityCount].cityvalue;

			//document.write("<br>----" +  allCities[cityCount].citydisplayname + " | " + allCities[cityCount].cityvalue + " | " + allCities[cityCount].filename);
		}
		
	}
}