window.addEvent('domready', function()
{
	$('zipcode').addEvent('keyup', function(e1) 
	{
		if($('zipcode').value.length==5)
		{
			var jSonRequest = new Request.JSON
			({url: "/inc/json-city-load.php?zipcode="+$('zipcode').value+"",
			onComplete : function(citynames) {
					getcities(citynames);
				}
			}).send();
		}
		else
		{
			if( $('cityName') )$('cityName').dispose();
			if( $('cityNameLabel') )  $('cityNameLabel').dispose();
		}
	 });
});



function getcities(jsonObj)
{
	if( $('cityName') )$('cityName').dispose();
	if( $('cityNameLabel') )  $('cityNameLabel').dispose();
		
	if( jsonObj.error == false )
	{
		if( jsonObj.cities.length > 1 ){
			 var select_element = new Element('select', {  
						 'class': 'selectCity',  
						 'name': 'cityName',
						  'id': 'cityName'
					}).inject('cityNameContainer','bottom');  
				jsonObj.cities.each( function(city){
					 var optionElement = new Element('option', {  
						 'value': city.city_id,
						 'text': city.city_name
					}).inject(select_element);  
				});
		}
		else if( jsonObj.cities.length == 1 ) {
			jsonObj.cities.each( function(city){
					 var element = new Element('span', {  
						 'class': 'spanCity',  
						 'name': 'cityNameSpan',
						 'html':  city.city_name,
						  'id': 'cityName'
					}).inject('cityNameContainer','bottom');  
					new Element('input',{ 'type': 'hidden' , 'name': 'cityName', 'class': 'hidden' ,'value':city.city_id}).inject(element);
			});
		}
		new Element('label',{ 'id': 'cityNameLabel', 'for':'cityName','text':'Ville :' }).inject('cityNameContainer','top');
	}
	else {
		var elementToAdd = new Element('span',{
					'name': 'cityNameSpan',
					'id': 'cityName',
					'class': 'spanCity errorMessage',
					'html' : '<br />Code postal incorrect'
		}).inject('cityNameContainer');
	}
}