Location = {
	
	init: function()
	{
		this.toolTip();
		this.autoComplete();
	},
	
	toolTip: function()
	{
		$("#location").tooltip({
		
		   // tweak the position
		   offset: [10, 2],
		
		   // use the "slide" effect
		   effect: 'slide'
		
		// add dynamic plugin with optional configuration for bottom edge
		}).dynamic({ bottom: { direction: 'down', bounce: true } });

	},
	
	autoComplete: function()
	{
		
		$("#location").autocomplete("/jsn/location/", {
			width: 320,
			dataType: 'json',
			highlight: false,
			scroll: true,
			scrollHeight: 300,
			parse: function(data) {
					var array = new Array();
					if (typeof(data) != 'undefined' && data != null)
						for(var i=0;i<data.length;i++)
						{
							array[array.length] = { data: data[i], value: data[i].id, result: data[i].city };
						}
					return array;
			},

			formatItem: function(row) {                     
					return row.country + ' -> '+ row.region + ' -> ' + row.city;
			}
		});
		
		$("#location").result(function(event, data, formatted) {
			if (data)
			{
				var location_string = data.city + ', ' + data.region;
				
				//$('#location').hide();
				//$('#location_text').text(location_string).show();
				$('#city_id').val(data.id);
				$('#location').val(location_string);
				//$('#city_name').val(location_string);
			}

		});

        $('#location').focus(function() {
			$(this).select();
		});
		
	}
	
}

$(document).ready(function() {
	Location.init();
});