/*
	slide.js
*/


$(function(){
    var imgNum	= 3;     //画像の枚数
    var imgSize	= 163;  //画像のサイズ
    var time	= 30000;    //切り替えのタイミング
    var current	= 1;    //現在の画像
    var speeed	= 600;    //slideのスピード
	var mls		= new Array(0, 0, -163, -326, -489);
	var elms;
	var elms_first;
	var elms_last;
	
	// 開始をランダムに
	current = Math.floor(Math.random()*3+1);
	$("#banner ul").css('marginLeft',mls[current]);
	
	// 一つ目の要素を末尾にコピー
	elms		= $("#banner ul li");
	n_elms		= $(elms).length;
	elms_first	= $(elms).get(0);
	elms_last	= $(elms).get(n_elms-1);
	//alert($(elms_last).html());
	
	$(elms_first).clone().appendTo("#banner ul");
	
	// 総数の再取得
	n_elms++;//n_elms = $(elms).length;
    
	setInterval(function(){
		current =  ( current < n_elms ) ? current+1 : 1;
		var ml = mls[current];
		
		/*$('#debug').html('current= '+current);
		$('#debug').html('current= '+current + '<br />'+
						 'n_elms= '+n_elms + '<br />');*/
				
		$("#banner ul").animate({
			marginLeft : ml
		},speeed,function(){
			// 右端になった場合
			if(current == n_elms )
			{
				// 右端のクローンから左端のマスターへ位置替え
				current = 1;
				ml = mls[current];
				$("#banner ul").css('marginLeft',ml);
			}
		});

	}, time);
});


//$(function(){
//    var imgNum = 3;     //画像の枚数
//    var imgSize = 163;  //画像のサイズ
//    var time = 2000;    //切り替えのタイミング
//    var current = 1;    //現在の画像
//	var mls = new Array(0,-163,-326);
//	
//	$('#debug').html('zzzz');
//    setInterval(function(){
//        if( current < imgNum ) {
//            current++;
//			var ml = parseInt($("#banner ul").css("margin-left"))-imgSize+"px";
//			
//			$('#debug').html('current= '+current);
//			$('#debug').html('current= '+current + '<br />'+
//							 'ml= '+ml);
//			
//            $("#banner ul").animate({
//                marginLeft : ml
//            },"fast");
//        //最後の画像にきたら最初に戻る
//        } else {
//             $("#banner ul").animate({
//                marginLeft : parseInt($("#banner ul").css("margin-left"))+(imgSize * (imgNum-1))+"px"
//            },"fast");
//            current = 1;
//        }
//    }, time);
//});
//


//$(function(){
//	$(".test").click(function(){
//		$("#banner ul").animate({
//			marginLeft : parseInt($("#banner ul").css("margin-left"))-163+"px"
//		},1000);		  
//	});		   
//});