dojo.addOnLoad(init);

function init()
{		
	dojo.addOnLoad(loadStates);
}

function loadStates()
{
	dojo.xhrGet({
		url: "index.cfm?event=location.getStates",
		load: function(data)
				{
					var states = dojo.fromJson(data);
					//populate dropdown
					dojo.forEach(states, function(item){
						var option = dojo.doc.createElement("option");
						option.value = item.code;
						option.innerHTML = item.name;
						dojo.byId("state").appendChild(option);
					});
					
				},
		error: function(data){
					alert(data);
				}
	})	

}

function loadCities(stCode)
{
	dojo.xhrGet({
		url: "index.cfm?event=location.getCities&stCode=" + stCode,
		load: function(data)
				{
					var city = dojo.byId("city");
					var cities = dojo.fromJson(data);
					
					//remove old dropdowns
					if ( city.hasChildNodes() )
					{
					    while ( city.childNodes.length >= 1 )
					    {
					    	city.removeChild( city.firstChild );       
					    } 
					}
					
					//populate dropdown
					dojo.forEach(cities, function(item){
						var option = dojo.doc.createElement("option");
						option.value = item.code;
						option.innerHTML = item.name;
						city.appendChild(option);
					});
			
				}
	})	

}

function showSpinner()
{
	dojo.style("loading", "visibility", "visible");
}

function hideSpinner()
{
	dojo.style("loading", "visibility", "hidden");
}

function search()
{
	var state = dojo.byId("state").value;
	var city = dojo.byId("city").value;
	var customers = dojo.byId("customers").value;
	var products = dojo.byId("products").value;
	var customersInput = dojo.byId("customers").options[dojo.byId("customers").selectedIndex].text; 
	
	if(state < 0 && !city) {
		dojo.byId("mapContent").src = "?event=General.emailForm&stateCode=" + state + "&cityName=" + city + "&customers=" + customersInput + "&products=" + products;
	}
	else if(!(state && city))
	{
		alert("Please select a State and City");
		return 0;
	}
	else
	{
		//dijit.byId("mapContent").attr("href", "?event=map.load&cityCode=" + city + "&stCode=" + state);
		showSpinner();
		dojo.byId("mapContent").src = "?event=map.load&cityName=" + city + "&stCode=" + state + "&customers=" + customers + "&products=" + products + "&customersInput=" + customersInput;
	}
}