var _CURRENT_PAGE;
var _TOT_IMG;
var _PAGES;
var _IMG_4_PAGES = 4;
var _DUR = 400;

function setShowcase() {
	
	_CURRENT_PAGE = 0;
	_TOT_IMG      = $$("#showcase img").length;
	_PAGES        = Math.ceil(_TOT_IMG/_IMG_4_PAGES);
	
	$$("#prev a").setStyle('display', 'none');
	if (_PAGES > 1) {
		$$("#next a").setStyle('display', 'block');
	} else {
		$$("#next a").setStyle('display', 'none');
	}
	
	$$("#prev a").addEvent("click", function() { goScrollShowcasePrev(); });
	$$("#next a").addEvent("click", function() { goScrollShowcaseNext(); });
	
}

function goScrollShowcaseNext() {
	
	$$("#prev a").removeEvents('click');
	$$("#next a").removeEvents('click');
	
	_CURRENT_PAGE++;
	
	if ((_CURRENT_PAGE+1) >= _PAGES) {
		$$("#next a").setStyle('display', 'none');
	}
	$$("#prev a").setStyle('display', 'block');
	
	var posNow = $('scroll_showcase').getStyle('left').toInt();
	
	var slide = new Fx.Style('scroll_showcase', 'left', {
		duration:   _DUR,
		transition: Fx.Transitions.Cubic.easeOut
	});
	slide.addEvent('onComplete', function() {
		$$("#prev a").addEvent("click", function() { goScrollShowcasePrev(); });
		$$("#next a").addEvent("click", function() { goScrollShowcaseNext(); });
	});
	slide.start(posNow, posNow-656);
	
}

function goScrollShowcasePrev() {
	
	$$("#prev a").removeEvents('click');
	$$("#next a").removeEvents('click');
	
	_CURRENT_PAGE--;
	
	if (_CURRENT_PAGE <= 0) {
		$$("#prev a").setStyle('display', 'none');
	}
	$$("#next a").setStyle('display', 'block');
	
	var posNow = $('scroll_showcase').getStyle('left').toInt();
	
	var slide = new Fx.Style('scroll_showcase', 'left', {
		duration:   _DUR,
		transition: Fx.Transitions.Cubic.easeOut
	});
	slide.addEvent('onComplete', function() {
		$$("#prev a").addEvent("click", function() { goScrollShowcasePrev(); });
		$$("#next a").addEvent("click", function() { goScrollShowcaseNext(); });
	});
	slide.start(posNow, posNow+656);
	
}

window.addEvent('domready', setShowcase);