Deel = {
	timeout: null,

	init: function() {
		$$('#deel-flag .flag').each(function(element) {
			element.store('style', element.readAttribute('style'));
		});		
	
		$$('#deel-area .area').each(function(element) {
			element.observe('mouseover', function(event) {
				element = event.element();
				country = Deel.parse(element, 'country-');
				region = Deel.parse(element, 'region-');

				clearTimeout(Deel.timeout);
				Deel.move($$('#deel-flag .flag'));
				Deel.clear($$('#deel-map .map'));

				$$('#deel-map .country-'+country).invoke('addClassName', 'active-country');
				$$('#deel-map .region-'+region).invoke('addClassName', 'active-region');
				$$('#deel-flag .region-'+region).each(function(element) {
					element.writeAttribute('style', '').addClassName('flag-active').show();
				});
			});

			element.observe('mouseout', function(event) {
				Deel.timeout = setTimeout(function() {
					Deel.clear($$('#deel-map .map'));
					Deel.move($$('#deel-flag .flag'));
					$$('#deel-flag .flag').invoke('removeClassName', 'flag-active').invoke('show');
				}, 100);
			});
		});
	},
	
	clear: function(elements) {
		elements.invoke('removeClassName', 'active-country').invoke('removeClassName', 'active-region');
	},

	move: function(elements) {
		elements.each(function(element) {
			element.writeAttribute('style', element.retrieve('style')).hide();
		}); 
	},

	parse: function(element, trigger) {
		result = false;

		$w(element.className).each(function(item) {
			if ((id = item.replace(trigger, '')) != item) result = id;
		});
		
		return result;
	}
}						



			var Nastaveni = {
	rychlostNajeti: 17,
	rychlostOdjeti: 8,
	prevodAdresyNaJS: function(adresa, typ)
	{
		// tato funkce generuje adresy na datové skripty z hrefu odkazu
		//return "http://localhost/In-pocasi-new/script/interactive-map/kraj.js.php?id=" + (adresa.match(/\?data=([^&]+)/))[1] + "";
		//return "http://www.in-pocasi.cz/script/interactive-map/" + (adresa.match(/\?data=([^&]+)/))[1] + ".js";
	}
}