(function($){

	$(document).ready(function(){

		// 좌측에 보이지 않는 이미지
		var banner = 0;
		// 이미지 갯수
		var banners = $(".b-navi li").length;
		// 애니메이션
		var animate = false;

		$(".b-navi button").click(function(){
			banner_navi(this);
		});

		function banner_navi(target){
			if(animate==true) return; // 애니메이션 중에는 작동하지 않는다.
			animate = true;
			var Class = $(target).attr("class");

			if(Class.match("prev")){ // 이전
				var first = $(".b-navi li:last").clone();
				first.css("display", "none");

				$(".b-navi li:last").remove();

				$(".b-navi ul").prepend( first );

				$(".b-navi li:first").animate({
					"width":"show"
				}, function(){
					animate = false;
				});
			} else { // 다음
				var last = $(".b-navi li:first").clone();
				$(".b-navi li:first").animate({
					"width":"hide"
				}, function(){
					$(this).remove();
					$(".b-navi ul").append( last );
					animate = false;
				});
			}
		};
	});
})(jQuery);