/**
 * Wird verwendet vom Image-Gallery-Widget
 * Belegt die Galerie-Links/Rechts-Pfeile mit den entsprechenden Events,
 * um die Bilder hin- und herzuschieben
 */

var galleryBoxSlider;
var gallerySlideStep = 100;

Event.observe(window, 'load', function() {
    console.log('{init gallerySlider}');
    $$('.galleryRightPager')[0].observe('mousedown', gallery_slideRight);
    $$('.galleryLeftPager')[0].observe('mousedown', gallery_slideLeft);
	galleryBoxSlider = $$('.galleryBoxSlider ul')[0];
	galleryBoxSlider.style.left = '0px';
	
	// Bilder-Liste holen
	images = $$('.galleryBoxSlider img');
	
	// Padding-Werte ermitteln
	padding = 0;
	padding += parseInt(images[0].getStyle('padding-left'));
	padding += parseInt(images[0].getStyle('padding-right'));
	
	// MinLeft um die Padding-Werte der Bilder vergroessern
	galleryMinLeft -= images.length * padding;
	
	// MinLeft um die Breite des Sliders und das <n>-Fache des Image-Padding-Werts reduzieren
	galleryMinLeft += $$('.galleryBoxSlider')[0].getWidth();
});

function gallery_slideLeft()
{
	left = parseInt(galleryBoxSlider.style.left);
	left += gallerySlideStep;

	if ( left > 0 ) {
		left = 0;
	}
	
	galleryBoxSlider.style.left = left + 'px';
}

function gallery_slideRight()
{
	left = parseInt(galleryBoxSlider.style.left);
	left -= gallerySlideStep;
	
	if ( left < galleryMinLeft ) {
		left = galleryMinLeft;
	}
	
	galleryBoxSlider.style.left = left + 'px';
}