var eventsContainer;
$(document).ready(function(){

	eventsContainer = $('#subpageEvents');
	eventsContainer.find('.left').click(snapshotLeft_click);
	eventsContainer.find('.right').click(snapshotRight_click);


});

function snapshotLeft_click(){
	var container = eventsContainer.find('.sliderContainer');
	if(parseInt(container.css('left')) !== 0){
		eventsContainer.find('.left').unbind();
		container.animate({left: '+=137px'}, function(){
			eventsContainer.find('.left').click(snapshotLeft_click);							   
		});
	}
}

function snapshotRight_click(){

	var container = eventsContainer.find('.sliderContainer');
	
	var maxWidth = -parseInt(container.css('width')) + 137;
	if(parseInt(container.css('left')) !== maxWidth){
		eventsContainer.find('.right').unbind();
		container.animate({left: '-=137px'}, function(){
			eventsContainer.find('.right').click(snapshotRight_click);							   
		});
	}
	
	if(eventArrayPos < container.children('img').length+1 && eventArrayPos <= eventSnapshotArray.length-1){
		container.find('.clear').remove();
		var img = new Image();
		$(img).load(function () {
			  container.append(this);
			  container.append('<div class="clear"></div>');
			  container.css('width', container.children('img').length * 137+'px');
		}).attr('src', '/graphics/useruploads/photos/'+eventSnapshotArray[eventArrayPos]);
		
		eventArrayPos++;
	}
	//alert(eventArrayPos +', '+ container.children('img').length);
	
}