var lastId = false;
var currentZoufalec;
var preloaded = new Array();

function preloadImages() {
	for (var i = 0; i < arguments.length; i++) {
		preloaded[i] = document.createElement('img');
		preloaded[i].setAttribute('src',arguments[i]);
	}
}

Event.observe(window, "load", function() {

	var contentElm = $('content');
	var mapElm = $('map');
	var mapDefaultSrc = mapElm.readAttribute('src');
	var mapRectangles = $$('area');

	preloadImages (
		'./images/slogan_default.gif',
		'./images/slogan_linda.gif',
		'./images/slogan_otakar.gif',
		'./images/slogan_radim.gif',
		'./images/slogan_tonda.gif',
		'./images/slogan_dagmara.gif',
		'./images/slogan_silvie.gif',
		'./images/zoufalci_default.jpg',
		'./images/zoufalci_linda.jpg',
		'./images/zoufalci_otakar.jpg',
		'./images/zoufalci_radim.jpg',
		'./images/zoufalci_tonda.jpg',
		'./images/zoufalci_dagmara.jpg',
		'./images/zoufalci_silvie.jpg'
	);

	for (var i = 0; i < mapRectangles.length; i++) {
		var currentElm = mapRectangles[i];
		currentElm.observe('mouseover', function(event) {
			mapElm.writeAttribute('src', './images/zoufalci_' + this.id + '.jpg');
			if (lastId) {
				contentElm.removeClassName(lastId);
			}
			contentElm.addClassName(this.id);
			lastId = this.id;
		});
		currentElm.observe('mouseout', function(event) {
			mapElm.writeAttribute('src', mapDefaultSrc);
			if (currentZoufalec != '') {// currentZoufalec is set in index.php, in Zoufalci section
				contentElm.removeClassName(lastId);
				contentElm.addClassName(currentZoufalec);
				lastId = currentZoufalec;
			}
		});
	}
});