/********	load_states_evt 	*********/	
var load_states_evt = new Class({
    initialize: function(name, destination){
    	if (!destination) var destination = 'state_select';
        var element = $(name);
       	element.addEvent('change',function(){
			$(destination).style.display = 'block';
			$(destination).innerHTML = '<b>State:</b><br><select name="stateID" id="stateID" class="default"><option value="0">Please wait ...</option></select>';
			
			var city_element = $('city_select');
			if (city_element){
				city_element.style.display = 'none';
			}
			
			this.destination = destination;
			
			var url = 'http://your-lovestory.com/?'+Object.toQueryString({target:'ajax', event:'load_states', country_id:element.value});
			var my_ajax = new Ajax(url, {
				method: 'get',
				onComplete: resp_states.bind(this)
			});
			my_ajax.request();
        }.bind(this));
      }
	});
	
function resp_states(response)
{
	if (response != 'ERROR'){
		var dest_element = $(this.destination);
		dest_element.innerHTML = response;
		dest_element.style.display = 'block';
		var e2 = new load_cities_evt('stateID');
	}
}
/********	END load_states_evt	*********/	

/********	load_cities_evt	*********/	
var load_cities_evt = new Class({
    initialize: function(name, destination){
    	if (!destination) var destination = 'city_select';
        var element = $(name);
       	element.addEvent('change',function(){
			$(destination).style.display = 'block';
			$(destination).innerHTML = '<b>City:</b><br><select name="cityID" id="cityID" class="default"><option value="0">Please wait ...</option></select>';
			this.destination = destination;
			
			var url = 'http://your-lovestory.com/?'+Object.toQueryString({target:'ajax', event:'load_cities', state_id:element.value});
			var my_ajax = new Ajax(url, {
				method: 'get',
				onComplete: resp_cities.bind(this)
			});
			my_ajax.request();
        }.bind(this));
      }
	});
	
function resp_cities(response)
{
	if (response != 'ERROR'){
		var dest_element = $(this.destination);
		dest_element.innerHTML = response;
		dest_element.style.display = 'block';
	}
}	
/********	END load_cities_evt	*********/		




/***** init location for registration *****/

/********	load_states_evt_reg 	*********/	
var load_states_evt_reg = new Class({
    initialize: function(name, destination){
    	if (!destination) var destination = 'state_select';
        var element = $(name);
       	element.addEvent('change',function(){
			//$(destination).innerHTML = '<select name="stateID" id="stateID" class="default"><option value="0">Please wait ...</option></select>';
			$('stateID').innerHTML = 'Please wait ...';
			$(destination).disabled = true;
			$('cityID').disabled = true;
			this.destination = destination;
			
			var url = 'http://your-lovestory.com/?'+Object.toQueryString({target:'ajax', event:'load_states', country_id:element.value, reg_flag:1});
			
			var my_ajax = new Ajax(url, {
				method: 'get',
				onComplete: resp_states_reg.bind(this)
			});
			my_ajax.request();
        }.bind(this));
      }
	});
	
function resp_states_reg(response)
{
	if (response != 'ERROR'){
		var dest_element = $(this.destination);
		dest_element.innerHTML = response;
		dest_element.disabled = false;
		var e2 = new load_cities_evt_reg('stateID');
	}
}
/********	END load_states_evt	*********/	

/********	load_cities_evt	*********/	
var load_cities_evt_reg = new Class({
    initialize: function(name, destination){
    	if (!destination) var destination = 'city_select';
        var element = $(name);
       	element.addEvent('change',function(){
       		//$(destination).innerHTML = '<select name="stateID" id="stateID" class="default"><option value="0">Please wait ...</option></select>';
			//$('cityID').innerHTML = 'Please wait ...';
			$(destination).disabled = true;
			this.destination = destination;
			
			var url = 'http://your-lovestory.com/?'+Object.toQueryString({target:'ajax', event:'load_cities', state_id:element.value, reg_flag:1});
			
			var my_ajax = new Ajax(url, {
				method: 'get',
				onComplete: resp_cities_reg.bind(this)
			});
			my_ajax.request();
        }.bind(this));
      }
	});
	
function resp_cities_reg(response)
{
	if (response != 'ERROR'){
		var dest_element = $(this.destination);
		dest_element.innerHTML = response;
		dest_element.disabled = false;
	}
}	

/***** end init location for registration *****/