// JavaScript Document

$(function() {

	//初期状態
	//$(".paging").show(); //ページ変更ボタンの表示→（非表示）
	$(".paging a:first").addClass("active");
		
	//画像サイズを取得
	var imageHeight = $(".window").height();
	var imageSum = $(".image_reel img").size();
	var imageReelHeight = imageHeight * imageSum;
	
	//画像サイズを合わせる
	$(".image_reel").css({'width' : imageReelHeight});
	
	//スライド動作機能
	rotate = function(){	
		var triggerID = $active.attr("rel") - 1; //スライド回数
		var image_reelPosition = triggerID * imageHeight; //スライドの高さ

		$(".paging a").removeClass('active'); //クラス属性を削除
		$active.addClass('active'); //クラス属性を有効化
		
		//アニメーション動作
		$(".image_reel").animate({ 
			top: -image_reelPosition
		}, 500 );
		
	}; 
	 
	//繰り返し処理
	rotateSwitch = function(){		
		play = setInterval(function(){ //タイマー
			$active = $('.paging a.active').next();
			if ( $active.length === 0) { //長さが0になったら最初に戻る
				$active = $('.paging a:first');
			}
			rotate(); //スライド動作
		}, 7000); //3秒
	};
	
	rotateSwitch(); //再開

	//ロールオーバー処理
	$(".image_reel a").hover(function() {  
      		clearInterval(play);  
    		}, function() {  
      		rotateSwitch();   
    	});
	
	//クリック処理
	$(".paging a").click(function() {	
		$active = $(this); //クリックしたら遷移
		//タイマーをリセット
		clearInterval(play); //スライドを止める
		rotate(); //動作きっかけ
		rotateSwitch(); //再開
		return false; //リンクするのを制止
	});


	
});