// JavaScript Document


$(function(){
	
	var $NumberOfPhotos = $("#NOP").val();
	var $PN = new Number($NumberOfPhotos) + 1;
	
	var $ulWidth = new Number($NumberOfPhotos) * 140;

	var n = 1;
	var $nowNum = n;
	var $lastPosition = new Number($NumberOfPhotos) * -140 + 140;
	var $OperatTime = $NumberOfPhotos * 20;
	var $posBtn = 0;
		
//	$("#printarea").text('Number Of Photos : ' + $NumberOfPhotos);
//	$("#nownum").text('Now Number : ' + $nowNum);

// ulの横幅を設定	--------------------------------------
	$("ul.cp_img").css("width", $ulWidth);
	
// liを生成	--------------------------------------
	for(i=1; i<$PN; i++){
		var $PNRe = new Number($PN) - i;
		$("ul.cp_img").append('<li><img src="coordinate/img/photo/' + $PNRe + '.jpg" /></li>');
	}
	
//一定時間での処理	--------------------------------------
	function autoSlide() {
		var $interval = 2000; //2秒
		
		$slideShow = setInterval(function coodinate() {
			if($nowNum < $NumberOfPhotos){
				$("ul.cp_img").animate({"left": "-=140"}, "slow");
				$nowNum += 1;
//			$("#nownum").text('Now Number : ' + $nowNum);
			} else {
				$("ul.cp_img").animate({"left": 0}, $OperatTime);
				$nowNum = 1;
//			$("#nownum").text('Now Number : ' + $nowNum);
			}
		},$interval);
	}
	
	autoSlide();
	
// next ボタンでの処理	--------------------------------------
	$("#coodinate_photo .next").click(function () {
		if($nowNum < $NumberOfPhotos){
			$("ul.cp_img").animate({"left": "-=140"}, "slow");
			$nowNum += 1;
//			$("#nownum").text('Now Number : ' + $nowNum);
		} else {
			$("ul.cp_img").animate({"left": 0}, $OperatTime);
			$nowNum = 1;
//			$("#nownum").text('Now Number : ' + $nowNum);
		}
		$("li.playorstop").css("background-image", "url(images/index/btn_cp_play.gif)");
		$posBtn = 1;
		clearInterval($slideShow);
	});
	
// prev ボタンでの処理	--------------------------------------
	$("#coodinate_photo .prev").click(function () {
		if($nowNum > 1){
			$("ul.cp_img").animate({"left": "+=140"}, "slow");
			$nowNum -= 1;
//			$("#nownum").text('Now Number : ' + $nowNum);
		} else {
			$("ul.cp_img").animate({"left": $lastPosition}, $OperatTime);
			$nowNum = $NumberOfPhotos;
//			$("#nownum").text('Now Number : ' + $nowNum);
		}
		$("li.playorstop").css("background-image", "url(images/index/btn_cp_play.gif)");
		$posBtn = 1;
		clearInterval($slideShow);
	});	


// play or stop ボタンでの処理	--------------------------------------
	$("li.playorstop").click(function () {
		if($posBtn == 0){
			$("li.playorstop").css("background-image", "url(images/index/btn_cp_play.gif)");
			$posBtn = 1;
			clearInterval($slideShow);
		} else {
			$("li.playorstop").css("background-image", "url(images/index/btn_cp_stop.gif)");
			$posBtn = 0;
			autoSlide();
		}
	});
	

});