var mainSlider;
var locationSlider;
var sliderEffect;
var leftSlide = 369;
var rightSlide = 369;

function gforcesArrowScroller() {

	mainSlider = $('sliderContainer');
    locationSlider = $('locationSliderBlock');
	rightSlide = ( ( $$('.scrollerItemContent').length - 2.5 ) * rightSlide )*-1;

	$('leftHand').observe('click', function(event) {

		if (sliderEffect == null || sliderEffect.state == "finished") {
            console.log('a')
            console.log($('sliderContainer').offsetLeft);
            if ( $('sliderContainer').offsetLeft < 0 ) {
			    sliderEffect = new Effect.Move(mainSlider, { x: 371, y: 0, mode: 'relative' });
                locationSliderEffect = new Effect.Move(locationSlider, { x: -24, y: 0, mode: 'relative' });
            }
		}

	});
    
	$('scrollControlsLeft').observe('click', function(event) {

		if (sliderEffect == null || sliderEffect.state == "finished") {
            if ( $('sliderContainer').offsetLeft < 0 ) {
                sliderEffect = new Effect.Move(mainSlider, { x: 371, y: 0, mode: 'relative' });
                locationSliderEffect = new Effect.Move(locationSlider, { x: -24, y: 0, mode: 'relative' });
            }
		}

	});

	$('rightHand').observe('click', function(event) {

		if (sliderEffect == null || sliderEffect.state == "finished") {

			if ( $('sliderContainer').offsetLeft < rightSlide ) return;
			sliderEffect = new Effect.Move(mainSlider, { x: -371, y: 0, mode: 'relative' });
            locationSliderEffect = new Effect.Move(locationSlider, { x: 24, y: 0, mode: 'relative' });
		}

	});
    
	$('scrollControlsRight').observe('click', function(event) {

		if (sliderEffect == null || sliderEffect.state == "finished") {

			if ( $('sliderContainer').offsetLeft < rightSlide ) return;
			sliderEffect = new Effect.Move(mainSlider, { x: -371, y: 0, mode: 'relative' });
            locationSliderEffect = new Effect.Move(locationSlider, { x: 24, y: 0, mode: 'relative' });
		}

	});

}