$(document).ready(function() { 
//city autocomplete////////////////////////////////////////////////////////
	
	$('input.autocomplete_city').keyup(function () {
		var t = this;
		var $autocomplete_city = $(this);
		var $cityList = $(this).siblings('ul.cityList');
		
		if(this.value!='') { 
			$(this).css('background','#fff url(/images/css/city-loader.gif) right no-repeat'); 
		} else {
			$(this).css('background', '#fff');
		}
		if (this.value != this.lastValue) {
		  if (this.timer) clearTimeout(this.timer);
		  //validateUsername.removeClass('error').html('<img src="images/ajax-loader.gif" height="16" width="16" /> checking availability...');
		  this.timer = setTimeout(function () {
			var url = $('input.autocomplete_city_url').val();
			$.ajax({
				type: "POST",
				url: url,
				data: 'city='+t.value,
				success: function(data) { 
					if (data=='') { 
						$cityList.fadeOut(150); 
						
					} else { 
						$cityList.html(data).slideDown(200);
					}
					$autocomplete_city.css('background', '#fff');
				}
			  });
		  }, 200);
		  this.lastValue = this.value;
		}
	});
		
	$('ul.cityList a').live('click', function(event) {
		var data = $(this).attr('title');
		var id = $(this).attr('id');
		$(this).parent('li').parent('ul.cityList').siblings('input.autocomplete_city').val(data);
		$(this).parent('li').parent('ul.cityList').siblings('input.autocomplete_city_id').val(id);
		$(this).parent('li').parent('ul.cityList').fadeOut(150);
		return false;
	});
});