$(document).observe("dom:loaded", function() { 
	if(!document.getElementById("alliance-slider")) return false;
	var $allianceSlider = $('alliance-slider');
	$allianceSlider.setStyle({
  		overflow: 'hidden'
	});
	var contentWidth  = $$('#side-slider-container li').length * 208;
	$('side-slider-container').setStyle({
  		width: contentWidth + 'px'
	});
	$allianceSlider.insert('<a id="previous-item" href="#">Previous</a>');
	$allianceSlider.insert('<a id="next-item" href="#">Next</a>');
	$('next-item').observe('click', sidescrollright);
	$('previous-item').observe('click', sidescrollleft);



function sidescrollright(e) {
	Event.stop(e);
	var newPosition = $('side-slider-container').positionedOffset();
	var contentWidth = $('side-slider-container').getWidth();
	var negContentWidth = (contentWidth - 208) * -1;
	if(newPosition[0]!== negContentWidth){
		if(newPosition[0] % 208 == 0){
			new Effect.Move('side-slider-container', {x:-208,y:0,duration:1});
		}
		else {
			return false;
		};
	}
	else {
		return false;
	};
};

function sidescrollleft(e) {
	Event.stop(e);
	var newPosition = $('side-slider-container').positionedOffset();
	if(newPosition[0]!==0){
		if(newPosition[0] % 208 == 0){
			new Effect.Move('side-slider-container', {x:208,y:0,duration:1});
		}
		else {
			return false;
		};
	}
	else {
		return false;
	};
};

});