// wenn die ganze Seite vollständig geladen ist ...
window.addEvent('domready', function() { 
	// Initialisiere alle Remooz-Bilder, hier sind es immmer a-Elemente in einer ul-Liste der Klasse "demo" in li-Elementen
	ReMooz.assign('div.galerie a', {
		'origin': 'img/schmuck',
		'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
//		'resizeFactor': 0.8, // resize to maximum 80% of screen size
		'cutOut': false, // don't hide the original
		'opacityResize': 0.4, // opaque resize
		'dragging': true, // disable dragging
		'centered': true, // resize to center of the screen, not relative to the source element
		opacityTitle:.8
	});

/**
 * Note on "shadow": value can be true, onOpenEnd (appear after resize) and false, to disable shadow
 * WebKit (Safari 3) uses (great looking) CSS shadows, so it ignores this option.
 */

/*
 * Farbige Thumbnails bei MousOver:
 * Thumbnails ohne Farbe haben die Namen <thumb>a.<ext> 
 * Thumbnails mit Farbe haben die Namen <thumb>.<ext>
 */
	$$('div.galerie img').each(function (item) {
		item.addEvent('mouseout', function(){
			var src = this.getProperty('src');
			var pInd = src.lastIndexOf('.');
			this.setProperty('src',src.slice(0,pInd-1) + src.slice(pInd));
		});
		item.addEvent('mouseover', function(){
			var src = this.getProperty('src');
			var pInd = src.lastIndexOf('.');
			this.setProperty('src',src.slice(0,pInd) + 'a' + src.slice(pInd));
		});
	}) 
});