// when the DOM is ready...
$(document).ready(function () {
	
	var $panels 	 = $('#slider div.horizontalSlider_item'),
		$container 	 = $('#horizontalSlider_container'),
		$mask 		 = $('#horizontalSlider_mask'),
		currentPanel = 0;
		
	$mask.css('overflow', 'hidden');

	$('a#slider-next').click(function(){
		$mask.stop();
		currentPanel ++;
		if ( currentPanel >= $panels.length ) {
			currentPanel = 0;
		}
		$mask.animate({scrollLeft: ( currentPanel ) * 920}, 500);
		return false;
	});
	
	$('a#slider-prev').click(function(){
		$mask.stop();
		currentPanel --;
		if ( currentPanel < 0 ) {
			currentPanel = 0;
		}
		$mask.animate({scrollLeft: ( currentPanel ) * 920}, 500);
		return false;
	});

});