/**
 * メインビジュアルのスライドショー用js
 */
(function() {

	var $div_s		= "";
	var $			= jQuery;
	var index		= 0;
	var max			= 0;
	var timer		= 0;
	var delay		= 5000;
	var slidePagerHtml	= "";
	var $slidePager		= "";

	$(window).load(function() {
		$div_s = $("#slide_photo div");
		$div_s.bind("mouseover", function() {
			$(".text", this).addClass("over");
		});
		$div_s.bind("mouseout", function() {
			$(".text", this).removeClass("over");
		});
		max = $div_s.length;
		
		// slidePager作成
		slidePagerHtml += '<ul class="slidePager">';
		for(var i = 0; i < max; i++) {
			slidePagerHtml += '<li><a href="javascript:void(0);" page="'+ i +'">'+ (i+1) +'</a></li>';
		}
		slidePagerHtml += '</ul>';
		$slidePager = $(slidePagerHtml);
		$("a", $slidePager).bind("click", function() {
			showPhoto($(this).attr("page"));
			clearInterval(timer);
			timer = setInterval(showPhoto, delay, "");
		});
		$("#slide_photo").append($slidePager);
		
		// 初期画像表示
		showPhoto();
		clearInterval(timer);
		timer = setInterval(showPhoto, delay, "");
	});

	function showPhoto(indexValue) {
		// 引数値がある場合、index値を上書き
		if(indexValue !== "" && Number(indexValue) >= 0) {
			index = indexValue;
		}
		// 全部非表示
		$div_s.hide();
		$("a", $slidePager).removeClass("selected");

		// 対象のみ表示
		$($div_s[index]).show();
		$("a", $slidePager).each(function() {
			if($(this).attr("page") == index) {
				$(this).addClass("selected");
				return false;
			}
		});
		index++;
		if(index >= max) {
			index = 0;
		}
	}

})();