$(function(){
	$('.box-banner').each(function(){
		$(this).prepend('<p class="back"><a href="#"><span>Back</span></a></p><p class="next"><a href="#"><span>Next</span></a></p>');
		
		var obj = $(this),
		bnrList = $(obj).find('ul'),
		bnrListWidth = 0,
		bnrItem = $(obj).find('li'),
		bnrNum = $(bnrItem).length,
		btnBack = $(obj).find('.back a'),
		btnNext = $(obj).find('.next a'),
		anmFlg = false;
		
		for(var i=0; bnrNum+1 > i; i++){
			var bnrListWidth = bnrListWidth + $(bnrItem[i]).width();
		}
		
		$(bnrList).css({width:bnrListWidth});
		
		$(btnNext).click(function(){
			if(anmFlg == false){
				anmFlg = true;
				$(bnrList).animate({marginLeft : -240},500,function(){
					$(bnrList).css({marginLeft : 0});
					$(bnrList).find('li:last').after($(bnrList).find('li:first'));
					anmFlg = false;
				});
				return false;
			}else{
				return false;
			}
		});
	
		$(btnBack).click(function(){
			if(anmFlg == false){
				anmFlg = true;
				$(bnrList).css({marginLeft : -240});
				$(bnrList).find('li:first').before($(bnrList).find('li:last'));
				$(bnrList).animate({marginLeft : 0},500,function(){
					anmFlg = false;
				});
				return false;
			}else{
				return false;
			}
		});
	});
});