/*
 * Třída, která umí do infoElementu vyplňovat popis obrázku z mapArea a zároveň mění kompletní obrázek mainImage
 */	

function MapPopup(mainImage, infoElement, defaultImage) {
	this.mainImage = mainImage;
	this.infoElement = infoElement;
	this.defaultImage = defaultImage;
	
	this.images = new Array();
}

function over(obj, imageIndex) {
	document.getElementById(this.infoElement).innerHTML = obj.getAttribute('alt');
	document.getElementById(this.mainImage).src = this.images[imageIndex].src;
}
MapPopup.prototype.over = over;

function out() {
	document.getElementById(this.mainImage).src = this.defaultImage;
	document.getElementById(this.infoElement).innerHTML = ' ';
}
MapPopup.prototype.out = out;

function setImages() {
	for(i = 0; i < arguments.length; i++) {
		img = new Image();
		img.src = arguments[i];
		this.images[i] = img;
	}
}
MapPopup.prototype.setImages = setImages;

function addEvents(mapArea,objName) {

	var areas = document.getElementById(mapArea).getElementsByTagName('area');
	for(i = 0; i < areas.length; i++) {
		areas.item(i).onmouseover = new Function(objName+'.over(this, '+i+');');
		areas.item(i).onmouseout = new Function(objName+'.out();');
	}

}
MapPopup.prototype.addEvents = addEvents;