var Map = {
	init: function()
	{
		var self = this;
		$(document).ready(function(){
			self.initAtDocReady();
		});
	},
	
	initAtDocReady: function()
	{
		this.__cityHeader = $('#current-city h1');
		this.__citiesContainer = $('#city-overview');
		this.__cityItemsContainer = $('#city-items-container');
		
		var self = this;
		$('a', this.__citiesContainer)
			.attr('href', 'javascript:void(0);')
			.click(function(){
				self.showItemsOfCity(this.title);
				$('a', self.__citiesContainer).not(this).removeClass('active');
				$(this).addClass('active');
				self.__cityHeader.text(this.title);
			});
	},
	
	showItemsOfCity: function(cityName)
	{
		this.__cityItemsContainer.load(
			'index.php',
			{
				p: PAGE_ID,
				handler: 'map-city-items',
				prov: CURRENT_PROVINCE,
				city: cityName
			}
		);
	}
};
Map.init();