var ddData;
var current_country = '';
var current_state = '';

function loadState(country) {
	//console.log(country);

	$('stores_ul').innerHTML ='';

	if(Element.visible($('stores_holder'))) {
		$('stores_holder').hide();
		$('wtb_image_holder').show();
	}

	if(country == -1) {
	
		$('stores_holder').hide();
		$('wtb_image_holder').show();
	
	} else {

	// track selected
	
		current_country = country;
		
		// clear menu
		
		for(i=$('state_dd').options.length-1;i>=0;i--) {
			$('state_dd').remove(i);
		}
		
		$('state_dd')[0] = new Option('SELECT COUNTRY/ STATE','-1',false,false);	
	
		$H(ddData.countries[country]).states.each(function(state,key) {
			
			//new Insertion.Bottom($('state_dd'),'<option value="'+state.id+'">'+state.name+'</option>');
			
			$('state_dd')[key+1] = new Option(state.name,key,false,false);
			
		});
		
		$('state_dd').show();
		
	}
	
}

function loadCity(state) {

	if(Element.visible($('stores_holder'))) {
		$('stores_holder').hide();
		$('wtb_image_holder').show();
	}

	$('stores_ul').innerHTML ='';
	
	if(state == -1) {
	
		$('stores_holder').hide();
		$('wtb_image_holder').show();
		
	} else {
	
		// track selected
		
		current_state = state;
		
		// clear menu
				
		for(i=$('city_dd').options.length-1;i>=0;i--) {
			$('city_dd').remove(i);
		}
		
		$('city_dd')[0] = new Option('SELECT CITY','-1',false,false);	
		
		$H(ddData.countries[current_country]).states[state].cities.each(function(city,key) {
			
			$('city_dd')[key+1] = new Option(city.name,city.id,false,false);	
			
		});
		
		$('city_dd').show();
	
	}
	
}

function loadStores(city) {
	
	//console.log(city);
	
	if(city == -1) {
	
		$('stores_holder').hide();
		$('wtb_image_holder').show();
	
	} else {
	
		$('wtb_image_holder').hide();
	
		//console.log(city);
	
		$('stores_ul').innerHTML ='';
	
		// ajax me up some stores
	
		function showIsh() {
		
			$('stores_holder').show();		
			
		}
		
		new Ajax.Updater('stores_ul', 'http://www.colettemalouf.com/ajax/load_store_content.php?city='+city, {asynchronous:true,onComplete:showIsh});
		
	}

}

function wtb_init() {
	
	$('state_dd').hide();
	$('city_dd').hide();
	for(i=$('state_dd').options.length-1;i>=0;i--) {
		$('state_dd').remove(i);
	}
	for(i=$('city_dd').options.length-1;i>=0;i--) {
		$('city_dd').remove(i);
	}
	for(i=$('country_dd').options.length-1;i>=0;i--) {
		$('country_dd').remove(i);
	}
	$('city_dd')[0] = new Option('SELECT CITY','-1',false,false);	
	$('state_dd')[0] = new Option('SELECT COUNTRY/ STATE','-1',false,false);	
	$('country_dd')[0] = new Option('SELECT CONTINENT/COUNTRY','-1',false,false);	
	
	$('stores_ul').innerHTML ='';

	function parseRespondo(originalRequest) {
		//console.log(originalRequest.responseText.evalJSON());
		ddData = originalRequest.responseText.evalJSON();

		ddData.countries.each(function(region,key){
			//new Insertion.Bottom($('country_dd'),'<option value="'+key+'">'+region.name+'</option>');
			
			$('country_dd')[key+1] = new Option(region.name,key,false,false);
			
		});
		
	}

	var getDDdata = new Ajax.Request('http://www.colettemalouf.com/ajax/load_stores.php', {
	
			method: 'post',
			asynchronous:true,
			onComplete:parseRespondo
	});

	
}
	
		
Event.observe(window, 'load', wtb_init);