/***
 * Zoomovani (up/down) plakatu na rozmer obrazku (maxW); knihovna protoype VYZADOVANA
 * Duvody:
 *  - aby se vesel sky banner doprava (obrazek ho pri zvetseni prekryje)
 *  - aby uzivatel videl cely plakat
 ***/
var maxW = 800;				// max sirka - nutno nastavit podle potreby
var im = $('thepic');		// ID obrazku; je nutne aby mel v HTML zapsany skutecne rozmery
var poster = {				// objekt plakatu
    o: {					// orig. rozmery
        w: im.width,
        h: im.height
    },
    r: {					// zmensene rozmery
        w: maxW,
        h: Math.round((im.height*maxW)/im.width)
    },
    resized: false,			// priznak zda je zmenseny
    over: false,			// priznak zda je mys nad obrazekm
    lockText: true			// zamcene pridani textu
}

/***
 * function clickImage() - obsluha zmenseni/zvetseni
 * - zmena velikosti obrazku
 * - zobrazeni textu
 * - zmena titulku
 ***/
function clickImage(noShow) {
	resizePoster();
	warnText();
}

/***
 * function resizePoster() - obsluha zmenseni/zvetseni
 * - zmena velikosti obrazku
 ***/
function resizePoster() {
	if (poster.resized) {
		im.width = poster.o.w;
		im.height = poster.o.h;
		poster.resized = false;
	}
	else {
		im.width = poster.r.w;
		im.height = poster.r.h;
		poster.resized = true;
	}
}

/***
 * function warnText() - obsluha zobrazeni/skryti textu + titluku obrazku
 * - zobrazeni textu
 * - zmena titulku
 ***/
function warnText() {
	if (!poster.lockText) {
		if (poster.resized && poster.over) {
			if (!$('resizedWarning').visible()) {
				$('resizedWarning').show();
				im.title = '';
			}
		}
		else {
			if ($('resizedWarning').visible()) {
				$('resizedWarning').hide();
				im.title = 'Kliněte pro zmenšení na obrazkovku';
			}
		}
	}
}

/***
 * functions mOver(), mOut(): obslouzeni mouseOver a mouseOut udalosti
 * - rizeni zobrazovani / skryvani warning textu
 * - nastavei priznaku
 * - provedeni operace zobrazeni/skryti textu
 */
function mOver() {
	poster.over = true;
	warnText();
}
function mOut() {
	poster.over = false;
	warnText();
}


if (poster.o.w>maxW)  {
	resizePoster(poster.resized);		// okazmzite zmenseni, aby se predeslo skakani obrazku
	poster.lockText = false;

	// obslouzeni udalosti
	Event.observe('thepic', 'click', clickImage);			// onClick na obrazek
	Event.observe('resizedWarning', 'click', clickImage);	// onClick na DIV s textem
	Event.observe(window, 'load', function(){poster.lockText = false;warnText();});	// zobrazeni warnTextu az po nacteni stranky (onload obrazku byl divny)
	// mouseover, mouseout
	Event.observe('thepic', 'mouseover', mOver);			// mouseover obrazku
	Event.observe('thepic', 'mouseout', mOut);				// mouseout obrazku
	Event.observe('resizedWarning', 'mouseover', mOver);	// mouseover textu
	Event.observe('resizedWarning', 'mouseout', mOut);		// mouseout textu
}