/* Configuration Settings */

var moveX = 260 // x axis movement
var moveY = 0 // y axis movement
var sliderPos = 1 // where the slider starts
var sliderLimit = 0 // How many slides there are total
var sliderLowLimit = 1 // low limit for the slider (99% chance of not changing)


/* ==================== */
/* ===   Functions 	=== */
/* ==================== */

function moveBack(content) {
	if(sliderPos > sliderLowLimit) {
		new Effect.Move($(content),{x: moveX, y: moveY, queue: {position: 'end', scope: 'contentscope'}})
		sliderPos--
	} else 
	
	if(sliderPos == sliderLowLimit) {
		new Effect.Move($(content),{x: -moveX*(sliderLimit-1), y: -moveY*(sliderLimit-1), queue: {position: 'end', scope: 'contentscope'}})
		sliderPos = sliderLimit
	}
}

function moveForward(content) {
	if(sliderPos < sliderLimit) {
		new Effect.Move($(content),{x: -moveX, y: -moveY, queue: {position: 'end', scope: 'conentscope'}})
		sliderPos++
	} else 
	
	if(sliderPos == sliderLimit) {
		new Effect.Move($(content),{x: moveX*(sliderLimit-1), y: 0, queue: {position: 'end', scope: 'conentscope'}})
		sliderPos = 1
	}
}






//when document loads
window.onload = function () {

	// initial call to populate the widget
	new Ajax.Updater('flickr', 'flickr_images.php', { method: 'get',
		onComplete: function() {
			//sets the number of columns that are to be slid
			sliderLimit = document.getElementsByClassName('flickr_col').length;
			//rescans the document for lightboxe-able images
			initLightbox();
		  }
	});
	
	
	//	if the widget exists
	if ( $('prev') ) {
		// when user clicks previous
		$('prev').onclick = function() {
				moveBack('flickr');
				return false;
		}
	};
	
	//	if the widget exists
	if ( $('next') ) {
		// when user clicks next
		$('next').onclick = function() {
			moveForward('flickr');
			return false;
		}
	}
}