document.addEvent('domready', function(){

	var plz = $('zipcode');
	
	var getCities = function()
	{
		new Request.JSON({
			'url' : '/ajax/zipcode/',
			'method' : 'get',
			'data' : {
			'plz' : plz.get('value')
			},
			'onComplete' : function(res)
			{
				if($('cityname'))
				{
					$('cityname').dispose();
				}
				
				
				var select = new Element('select',{
					'id' : 'cityname',
					'name' : 'loc_id'
				});
				
				if(res.Success == true)
				{
					res.cities.each(function(city)
					{
						var option = new Element('option',{
							'value' : city.loc_id,
							'text' : city.name
						});
						
						select.grab(option);
					});
				}
				$('citycol').grab(select);
			}
		}).send();
	}

	var observer = new Observer(plz, getCities, {
		delay:500
	});


});