function getOptionCode(value, label, default_val)
{
	var html = "<option value='" + value + "' ";

	if(default_val == value) html += "selected='selected'";

	html += ">" + label + "</option>";

	return html;
}

function changeSelectState()
{
	$("#selectFieldCity").html("<select name='City' id='City' class='reg_option field_reg' style='visibility: hidden;''></select>");
	$("#State").removeClass('LV_valid_field');
	
	loadSelectRegion($("#State").val(), "", "");

	if($("#State").val() != "-1") $('#selectFieldState span').remove();
}

function changeSelectRegion()
{
	if($("#Region").val() == "-1")
	{
		$("#selectFieldCity").html("<select name='City' id='City' class='reg_option field_reg' style='visibility: hidden;''></select>");
	}
	else
	{
		loadSelectCity($("#Region").val());

		if($("#Region").val() != "-1") $('#selectFieldRegion span').remove();
	}
	$("#Region").removeClass('LV_valid_field');
}

function changeSelectCity()
{
	if($("#City").val() != "-1") $('#selectFieldCity span').remove();
	$("#City").removeClass('LV_valid_field');
}

function loadSelectRegion(state, lang, region)
{
	$.ajax({
		type: "POST",
		url: "../ajax/loadRegion.php",
		data: "state=" + state + "&lang=" + lang + "&region=" + region,
		dataType: "xml",
		success: function(xml){

			var default_val = $(xml).find('default').text();

			var selectRegion = "<select onchange='changeSelectRegion()' name='Region' id='Region' class='reg_option field_reg'>";

			selectRegion += getOptionCode("-1", "-----------------", default_val);

			$(xml).find('region').each(function(){
				selectRegion += getOptionCode($(this).find('rgn_id').text(), $(this).find('rgn_name').text(), default_val);
			});

			selectRegion += "</select>";

			$("#selectFieldRegion").html(selectRegion);
		}
	});
}

function loadSelectCity(region, city)
{
	$.ajax({
		type: "POST",
		url: "../ajax/loadCity.php",
		data: "region=" + region + "&city=" + city,
		dataType: "xml",
		success: function(xml){

			var default_val = $(xml).find('selected').text();

			var selectCity = "<select onchange='changeSelectCity()' name='City' id='City' class='reg_option field_reg'>";

			selectCity += getOptionCode("-1", "-----------------", default_val);

			$(xml).find('city').each(function(){
				selectCity += getOptionCode($(this).find('cty_id').text(), $(this).find('cty_name').text(), default_val);
			});

			selectCity += "</select>";

			$("#selectFieldCity").html(selectCity);
		}
	});
}