(function($) {  
	$(function(){  
		var _imgNum2 = 0;    //画像の枚数  
		var _imgSize2 = 0;   //画像のサイズ  
		var _current2 = 0;   //現在の画像  
		var _timer2 = 4500;  //タイマー時間

		//各ボタンの配置  
		$('#new').append('<a href="#new-box"><img src="general/data/top/new-arrow-left.jpg" width="80" height="25" id="btn-new-prev" /></a><a href="#new-box"><img src="general/data/top/new-arrow-right.jpg" width="80" height="25" id="btn-new-next"  /></a>');  

		//画像サイズ取得  
		_imgSize2 = $('#new-banner div.box div').width();  

		//メイン画像の数だけ繰り返す  
		$('#new-banner div.box div').each(function(){  

			//画像をずらして外に配置  
			$(this).css('margin-left', -_imgSize2);

			//画像の数だけページネーションボタンを作成  
			if (_imgNum2 == _current2) {  

				//currentだったらアクティブ、メインの画像は表示  
				
				$(this).css('margin-left', '0px');  
			}

			//ループの数をカウントして_imgNum2に入れる  
			_imgNum2++;  
		});
  
		//ボタンをクリック  
		$('#btn-new-next').click(function(){  
			imageMove(_current2 +1);  
		});

		$('#btn-new-prev').click(function(){  
			imageMove(_current2 -1);  
		});


		//一定時間ごとにimageMoveを実行  
		setInterval(function(){  
			imageMove(_current2 +1);  
		}, _timer2);  
		function imageMove(next) {  
		
		//次の画像が次の画像より多きかったら右に配置（小さかったら左）
		var pos;
		if (_current2 < next) {
			pos = -_imgSize2;
		} else {
			pos = _imgSize2;
		}

		//次の画像が最後なら1枚目、１枚目なら最後
		if (next == _imgNum2) {
			next = 0;
		} else if(next == -1) {
			next = (_imgNum2-1);
		}

		//次の画像を動かす
		$("#new-banner div.box div").eq(next)

		//次の画像を次の位置に配置
		.css("margin-left", pos)
		.animate({marginLeft: "0"},"slow");

		//現在の画像を動かす
		$("#new-banner div.box div").eq(_current2)
		.animate({marginLeft: -pos},"slow");

		//現在の番号を次の番号にする。  
		_current2 = next;
	}
});
})(jQuery);