$(function(){
	var count = $(".store-container li").length - 5;
	var interval = $(".store-container li:first").width();
	var curIndex = 0;
	
	$('.arrow').click(function(){
		if( $(this).hasClass('disabled') ) return false;
		
		if ($(this).hasClass('store-left-arrow')) --curIndex;
		else ++curIndex;
		
		$('.arrow').removeClass('disabled');
		if (curIndex == 0) $('.store-left-arrow').addClass('disabled');
		if (curIndex == count-1) $('.store-right-arrow').addClass('disabled');
		
		$(".store-container ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
	});
});