// JavaScript Document


//初期値
var imgArr = new Array();
var osuCurrent = 0;
var osuMax = 0;
//スライドショーの間隔
var intervalTime = 5000;
var osuTimer;
//スライドショー中断からインターバルタイマースタートまでの時間
var continueTime = 5000;

//インターバルタイマーによるスライドショーの動作
function change(mynum){
	
	var setNum;
	
	//alert(mynum+"と"+ osuCurrent);
	//スライド時とクリック時の動作振り分け
	if(mynum==null){
		if(osuCurrent == osuMax - 1){
			setNum = 0;
		}else{
			setNum = osuCurrent + 1;
		}
	}else{
		setNum = mynum;
	}
	
	$('#osusume h2').not(imgArr[setNum]).fadeOut('slow');
	$(imgArr[setNum]).fadeIn('slow');
	
	//表示中の画像のサムネイルの色の変更
	$('.btnOsusume:eq('+ setNum +')').fadeTo('slow',0.3);
	$('.btnOsusume').not(':eq('+ setNum +')').fadeTo('slow', 1.0);
	
	osuCurrent = setNum;
}

//サムネイルメニューの設定
function setOsuLi(){
	for(var i = 0; i < imgArr.length; i++){
		var imgsrc =  $('#osusume h2 img:eq('+ i +')').attr('src');
		var thumbSrc = imgsrc.replace(".","_s.");
		$('#osusume ul').append('<li><img src="'+thumbSrc+'" width="86" height="38" class="btnOsusume" /></li>');
	}
	
	//クリック時の動作
	$('.btnOsusume').click(function(){
		var imgNum = $('.btnOsusume').index(this);
		change(imgNum);
		clearInterval(osuTimer);
		
		$(this).fadeTo('fast',0.3);
		$('.btnOsusume').not(':eq('+ imgNum +')').fadeTo('fast', 1.0);
		restartTimer();
	});
	
	$('#osusume ul').fadeIn('slow');
	$('.btnOsusume:eq(0)').fadeTo('slow',0.3);
	
	//2012年の際には、新春のサムネイル表示を消す
/*	var dd = new Date();
	var myYear = dd.getFullYear();
	if(myYear == "2012"){
		$('#osusume ul li:first').css('display','none');	
	}*/
	
}
//クリック後、インターバルタイマー再開の設定
function restartTimer(){
		var timeoutFlag = true;
		$('#osusume').mouseleave(function(){
			if(timeoutFlag){
				timer = setTimeout("osuTimerStart()", continueTime);
				timeoutFlag = false;
			}			
		});
}
//インターバルタイマーの開始設定
function osuTimerStart(){
	clearInterval(osuTimer);
	osuTimer = setInterval("change()", intervalTime);
}

//ドキュメント・ready時の動作
$(document).ready(function(){
	
	//２０１２年の新春対策（新春表示）
/*	var dd = new Date();
	var myYear = dd.getFullYear();
	if(myYear == "2012"){
		$('#osusume').prepend('<h2 class="show"><a href="#"><img src="/img/osusume/osusume_photo_newyear.jpg" width="760" height="290" alt="迎春" /></a></h2>');
	}else{
		$('#osusume h2:first').addClass('show');
	}
	*/
	
	imgArr =  $('#osusume h2');
	osuMax = imgArr.length;
	
	if(osuMax == 1){
	}else{
		osuTimerStart();
	
		setOsuLi();
	}
		
});