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

	var elements = $('#product_showcase ul li');
	if(elements.length <= 5)
	{
		$('#product_slider .button_previous').css('background', 'none');
		$('#product_slider .button_previous').css('cursor', 'default');
		$('#product_slider .button_next').css('background', 'none');
		$('#product_slider .button_next').css('cursor', 'default');
		return;
	}
	{
		var count = elements.length;
		for(var i = 0; i < count; i++)
		{
			$(elements[elements.length-1]).after($(elements[i]).clone());
			elements = $('#product_showcase ul li');
		}
	}
	$('#product_showcase ul').css('width', (elements.length*180)+'px');

	$('#product_slider .button_previous').click('left', move);
	$('#product_slider .button_next').click('right', move);
});

function move(event)
{
	event.preventDefault();
	if(animate)
		return
	else
		animate = true;

	var direction = event.data;
	var move = '-=900';
	var list = $('#product_showcase ul')[0];
	var elements = $('#product_showcase ul li');
	var left = $(list).css('left');
	left = parseInt(left.replace(/px/, '', 10));

	while(left-900 < (-180*(elements.length-5)) && direction == 'right')
	{
		elements = $('#product_showcase ul li');
		$(elements[elements.length-1]).after($(elements[0]));
		left += 180;
		$(list).css('left', left+'px');
	}
	while(left >= -720 && direction == 'left')
	{
		elements = $('#product_showcase ul li');
		$(elements[0]).before($(elements[elements.length-1]));
		left -= 180;
		$(list).css('left', left+'px');
	}
		
	
	if(direction == 'left')
		move = '+=900'
	//Animation
	$(list).animate({
					left: move
					}, {
					duration: 1200,
					complete: function() {
						animate = false;
					}
				  });
}