$(window).load( function(){

	// ajax request + callback function with onClick action setup
	$('#city').keyup(
		function() {
			if(!$('#city').val()) {
				$('#suggest').hide();
			}
			if( $('#city').val() && $('#region').val() ) {

				$.getJSON(
					'index.php?id=41&type=126&no_cache=1',
					{
						'tx_rhmtravel_pi3[mode]' : 'cities',
						'tx_rhmtravel_pi3[region]' : $('#region').val(),
						'tx_rhmtravel_pi3[city]' : $('#city').val()
					},
					function(data) {
						if(data.output) {
							$(data.whatToChange).html(data.output);
							$('#suggest').show();

							$('#suggest > a').click(
								function() {
									$('#city').attr('value', $(this).text());
									$('#suggest').hide();
									return false;
								}
							);
						}
					}
				);

			}
		}
	);


	$('#city').blur(
		function() {
			setTimeout("$('#suggest').hide();", 2000);
		}
	);


});