/*
	slider.js
	require jQuery
*/

$(function(){
        //動かそうとしているul
        var $slide_ul = $('#slide-list');
        //liを取得
        var $slide_li = $slide_ul.find('li');
        //liの数
        var slide_max = $slide_li.length;
        //ulの移動する量
        var move_num = 880;
        //移動にかかる時間(ms)
        var slide_spd = 500; 
		//自動スライド間隔(ms)
		var interval_time = 5000;

		var timerID;
        //ulの幅をliの数に合わせて大きくする
        $slide_ul.width(slide_max*move_num);

		
		//$('#slide-list li:last').prependTo("#slide-list");
		//$slide_ul.css("margin-left",'-'+move_num+'px');
		
		
		function movePrev(){
			$('#slide-list li:last').prependTo("#slide-list");
			$slide_ul.css("margin-left",'-'+move_num+'px');
			$('#slide-list:not(:animated)').animate({
				marginLeft:parseInt($slide_ul.css("margin-left"))+move_num+'px'
			},slide_spd,
			function(){
				timerID = setInterval(function(){
					$('#slide-next').click();
				},interval_time);
			});
        }
		
		function moveNext(){
			$('#slide-list:not(:animated)').animate({
				marginLeft:parseInt($slide_ul.css("margin-left"))-move_num+'px'
			},slide_spd,
			function(){
				$('#slide-list li:first').appendTo("#slide-list");
				$slide_ul.css("margin-left",0)
				timerID = setInterval(function(){
					//$('#slide-next').click();
					slideNext();
					clearInterval(timerID);
				},interval_time);
			});
        }
		
        //次へ
        function slideNext(){
            moveNext();
        }
        //前へ
        function slidePrev(){
            movePrev();
        }
		
        //前へボタン
        $('#slide-prev').click(function(e){
            e.preventDefault();
            slidePrev();
			clearInterval(timerID);
        });
        //次へボタン
        $('#slide-next').click(function(e){
            e.preventDefault();
            slideNext();
			clearInterval(timerID);
        });
		
		timerID = setInterval(function(){
			//$('#slide-next').click();
            slideNext();
			clearInterval(timerID);
		},interval_time);
    
    
});