var animate = false;
$(document).ready(function() {

	var elements = $('#intro_showcase ul li').length;
	$('#intro_showcase ul').css('width', (elements*960)+'px');

	$('#introduction .button_previous').click('left', slideIntro);
	$('#introduction .button_next').click('right', slideIntro);
});

function slideIntro(event)
{
	if(animate)
		return
	else
		animate = true;

	var direction = event.data;
	var move = '-=960';
	var list = $('#intro_showcase ul')[0];
	var elements = $('#intro_showcase ul li');
	var left = $(list).css('left');
	left = parseInt(left.replace(/px/, '', 10));
	
	if(left <= (-960*(elements.length-1)) && direction == 'right')
	{
		$(elements[elements.length-1]).after($(elements[0]));
		$(list).css('left', (left+960)+'px');
	}
	else if(left >= 0 && direction == 'left')
	{
		$(elements[0]).before($(elements[elements.length-1]));
		$(list).css('left', (left-960)+'px');
	}
		
	
	if(direction == 'left')
		move = '+=960'
	//Animation
	$(list).animate({
					left: move
					}, {
					duration: 1200,
					complete: function() {
						animate = false;
					}
				  });
}