var currentPage = 1;
var blogSliderAnimationStatus = false;

function blogSlideLeft() {
	//If we have somewhere to slide to and previous slide is complete
	if(currentPage < slider.getElementsByClassName('blogSliderPage').length && !blogSliderIsAnimating()) {
		if(slider = $('blogSlider')) {
			//Move slider
			new Effect.Move(slider, {
				x:-475,
				y:0,
				duration:1.0,
				beforeStart: function() { setAnimationStatus(true); },
				afterFinish: function() { setAnimationStatus(false); }
			});
			//Set new current page
			currentPage++;
			//Set arrow states
			setArrows();
		} else
			errorMessage('blogSlider: Unable to find blogSlider');
	}
}

function blogSlideRight() {
	//If we have somewhere to slide to and previous slide is complete
	if(currentPage > 1 && !blogSliderIsAnimating()) {
		if(slider = $('blogSlider')) {
			new Effect.Move(slider, {
				x:475,
				y:0,
				duration:1.0,
				beforeStart: function() { setAnimationStatus(true); },
				afterFinish: function() { setAnimationStatus(false); }
			});
			currentPage--;
			setArrows();
		} else
			errorMessage('blogSlider: Unable to find blogSlider');
	}
}

function setArrows() {
	//Get objects from DOM
	leftArrow = $('blogSliderLeftArrow');
	rightArrow = $('blogSliderRightArrow');
	slider = $('blogSlider');
	
	//Make sure we were able to find everything we need
	if(leftArrow && rightArrow && slider) {
		//Set right arrow
		if(currentPage <= 1)
			leftArrow.addClassName('disabled');
		else
			leftArrow.removeClassName('disabled');
		
		//Set left arrow
		if(currentPage >= slider.getElementsByClassName('blogSliderPage').length)
			rightArrow.addClassName('disabled');
		else
			rightArrow.removeClassName('disabled');
	} else
		errorMessage('blogSlider: Unable to find leftArrow & rightArrow & slider');
}

function setAnimationStatus(value) { blogSliderAnimationStatus = value; }

function blogSliderIsAnimating() { return blogSliderAnimationStatus; }

function errorMessage(message) { alert(message); }

function debugMessage(message) { alert(message); }

new Event.observe(window, 'load', function() { setArrows(); });