var it =
{
	italy_div: null,
	region_div: null,
	region_event: null,
	regions: null,
	init: function()
	{
		it.italy_div = $('italy_map');	
		it.region_div = $('region-detail');
		it.region_event = it.region_click.bindAsEventListener();
		it.regions = $$('area.region');
		it.observe();
		
	},
	observe: function()
	{
		for (var i=0; i<it.regions.length; i++)
			Event.observe(it.regions[i], 'click', it.region_event);
		Event.observe($('cap_search'), 'click', it.cap_click);
		Event.observe($('select_region'), 'change', it.region_change);
	},
	region_click: function(event)
	{
		var region = event.currentTarget || event.srcElement;
		var parameters = {
			region: region.title,
			action: 'get_region_data'
		};
		it.update(parameters);
	},
	cap_click: function() {
		var cap = $F('input_cap');
		var parameters = {
			cap: cap,
			action: 'get_cap_data'
		};
		it.update(parameters);
	},
	region_change: function() {
		var region = $('select_region').value;
		var parameters = {
			region: region,
			action: 'get_region_data'
		};
		it.update(parameters);
	},
	update: function(parameters)
	{
		var url = Common.myhost()+Common.lang()+'/assistance_db/service-point.html';
		Effect.BlindUp(it.italy_div, {
			afterFinish: function() {
				new Ajax.Updater (
					it.region_div,
					url, 
					{parameters: parameters}
				);
				it.region_div.show();
			}
		});
	}
}

function initialize() {
	it.init();
}

if (window.addEventListener) window.addEventListener('load', initialize, false);
else window.attachEvent('onload', initialize);