// JavaScript Document

var crtNo = [,1];
var fadeValue = 200;
var IntervalValue = 5000;

$(function()
{
//初期設定
	$("#main_img ul").append($("#main_01"));
	
//マウスオーバー時
	$("#overview_button div").hover(function()
	{
		//タイマークリア
		clearInterval(fadeID);
		
		//メイン画像切替
		crtNo = $(this).attr("id").split("0");
		crtLayer = $("#main_0" + crtNo[1]).hide();
		$("#main_img ul").append(crtLayer.fadeIn(fadeValue));
		
		//ボタン切替
		$("#overview_button img").each(function()
		{
			clrBtn = $(this).attr("src").split("_");
			$(this).attr("src",clrBtn[0] + "_" + clrBtn[1] + "_ps.png");
		});
		$("#overview0" + crtNo[1] + " img").attr("src","images/button/index/index_overview0" + crtNo[1] + "_ac.png");
	},function(){
		//タイマーリスタート
		setTimer(crtNo[1]);
	});
	//メイン画像マウスオーバー時のタイマーストップ
	$("#main_img li").hover(function()
	{
		clearInterval(fadeID);
		crtNo = $(this).attr("id").split("0");
	},function(){
		setTimer(crtNo[1]);
	});

//タイマー
	crtFI = crtNo[1]; 
	setTimer(1);
});

function setTimer(crtFI){
	fadeID = setInterval(function()
	{	
		preFI = crtFI;
		if(crtFI > 3) crtFI = 0;
		crtLayer = $("#main_0" + (++crtFI)).hide();
		if(preFI == 0) preFI = 4;
		$("#main_img ul").append(crtLayer.fadeIn(fadeValue * 4, "swing"));
		$("#overview0" + crtFI + " img").attr("src","images/button/index/index_overview0" + crtFI + "_ac.png");
		$("#overview0" + preFI + " img").attr("src","images/button/index/index_overview0" + preFI + "_ps.png");
	},IntervalValue);
}