// Un div care contine un rollover are doua imagini:
// * o imagine cu clasa "over", care va fi afisata initial
// * o imagine cu clasa "under", care va fi afisata la rollover
// 
// O pagina poate contine mai multe astfel de rollover-uri.
$$("div.photo-rollover").each(function (div) {
	// La mouseover imaginea "over" devine hidden, iar cea "under"
	// se afiseaza.
	Event.observe(div, "mouseover", function (e) {
		div.childElements().each(function (img) {
			if((img.hasClassName("over") && !img.hasClassName("hidden")) || (img.hasClassName("under") && img.hasClassName("hidden"))) {
				img.toggleClassName("hidden");
			}
			
		});
	});
	
	Event.observe(div, "mouseout", function (e) {
		div.childElements().each(function (img) {
			if((img.hasClassName("under") && !img.hasClassName("hidden")) || (img.hasClassName("over") && img.hasClassName("hidden"))) {
				img.toggleClassName("hidden");
			}
		});
	});
});