$(document).ready( function(){
	// 開始番号（変更不可）
	_nowImg = 1;
	
	// 画像（サムネイル）の数
	_imgCount = 6;
	
	// 1個の画像が選ばれている期間
	_timelimit = 5000;
	
	// 画像切り替えのフェードインにかける時間
	_fadeIn = 1000;
	

	$( "#thum1" ).attr( "src", "/img/topmain_s11.jpg" );

	for( var i= 2; i <= _imgCount; i++ )
	{
		$( "#top02_l" + i ).hide();
		$( "#thum" + i ).attr( "src", "/img/topmain_s" + i + "0.jpg" );
	}



	$( "img.top_thumbnail" ).click( function( e ){
		var imgid = e.target.id;
		
		var num = imgid.replace( /thum/, "" );
		if( _nowImg != num )
		{
			doChange( num );
		}
	});

	_timerId = setInterval( "nextImage()", _timelimit );
});


function nextImage()
{
	_nowImg++;
	if( _nowImg == ( _imgCount + 1 ) )
	{
		_nowImg = 1;
	}
	
	setImage();
}


function setImage()
{

	$( "#top02_l" + _nowImg ).fadeIn( _fadeIn );
	$( "#thum" + _nowImg ).attr( "src", "/img/topmain_s" + _nowImg + "1.jpg" );

	for( var i = 1; i <= _imgCount; i++ )
	{
		if( i == _nowImg )
		{
			continue;
		}
		
		$( "#top02_l" + i ).hide();
		
		$( "#thum" + i ).attr( "src", "/img/topmain_s" + i + "0.jpg" );
	}
}


function doChange( num )
{
	clearInterval( _timerId );
	_nowImg = num;
	setImage();
	_timerId = setInterval( "nextImage()", _timelimit );
}