// widget scroll parameters
var scrollOffset = 150;

var widgetWidth = 0;
var leftOffset = 0;
var photoStripWidth = 0;
Event.observe(window, 'load', function () {
	widgetWidth = $$('#event div#photos div#photoStripContainer').first().getWidth();
	$A($$('#photos #photoStripContainer #photoStrip img.photos-padding')).each(function(obj) {
		var dimensions = $(obj).getDimensions;
		photoStripWidth += $(obj).getWidth();
	});
	eventPhotosUpdate();
});

function eventPhotosNext() {
	leftOffset += scrollOffset;
	if(leftOffset+widgetWidth > photoStripWidth)
		leftOffset = photoStripWidth - widgetWidth;

	new Effect.Move($('photoStrip'), { x: '-' + leftOffset, y: 0, mode: 'absolute' });

	eventPhotosUpdate();
}

function eventPhotosPrev() {
	leftOffset -= scrollOffset;
	if(leftOffset < 0)
		leftOffset = 0;

	new Effect.Move($('photoStrip'), { x: '-' + leftOffset, y: 0, mode: 'absolute' });
	eventPhotosUpdate();
}

function eventPhotosUpdate() {
	$('photoStrip').setStyle({
		position: 'absolute',
		width: photoStripWidth + 'px'
	});
}