$(function(){
		
	$('.flavour').not(":first").css({
		left: "440px"
	})
	
	$('#btn_next').click(function(){
		
		//Clone the first
		e = $('.flavour:first').clone()
		
		$('.flavour:first').stop().animate({
			left: -440
		}, function(){
			e = $('.flavour:first').clone()
			e.css({
				left: 440
			})
			$('#flavours').append(e)
			$('.flavour:first').remove()
		})
		$('.flavour:first').next().animate({
			left: 0
		})
		
		
		return false;
	})
	
	$('#btn_prev').click(function(){
		
		first = $('.flavour:first')
		
		//move the second in to place
		e = $('.flavour:last').clone()		
		$(e).css({
			left: -440
		}, function(){
			
		})
		$('#flavours').prepend(e)
		$('.flavour:last').remove()
		
		first.animate({
			left: 440
		})
		$('.flavour:first').animate({
			left: 0
		})
		
		
		return false;
	})
		
})