var $$ = $.fn;	/* $はJQueryオブジェクト */

$$.extend({
	SplitID : function()
	{
		return this.attr('id').split('-').pop();
	},
	Slideshow : {
		Ready : function()
		{
			// 2010/10/6 新藤追加 ロード時クラス追加 + autoplay()追加
			$('li#tmpSlideshowControl-1').addClass('tmpSlideshowControlActive');
			autoplay();
			
			// hoverイベント パラメータは２つ。
			// 第一引数 - マウスオーバーで呼び出される関数
			// 第二引数 - マウスアウトで呼び出される関数
			$('li.tmpSlideshowControl').hover(
				function() {
					$(this).addClass('tmpSlideshowControlOn');
				},
				function() {
					$(this).removeClass('tmpSlideshowControlOn');
				}
			)
			// hoverイベント
			$('li.tmpSlideshowControl').hover(
				function() {
					$('div.tmpSlide').stop(); /* 表示 -アニメーション-を利用時に必要 */
					$('div.tmpSlide').hide();
					$('li.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');
					
					// スライド操作
					var elem = $('div#tmpSlide-' + $(this).SplitID());
					
					// 表示 -通常-
					elem.show();
					
					// 表示 -フェードイン1- 初期不透明度0 -> 100% (例 1000ミリ秒で不透明度100%)
					//elem.fadeIn(500);
					
					// 表示 -フェードイン2- 初期不透明度 任意 -> 任意 (例 30%から1000ミリ秒で80%)
					/*elem.css({"opacity": "0.3"})
					elem.show();
					elem.fadeTo(1000,0.8);*/
					
					
					// 表示 -アニメーション-
					elem.css({"width": "100%", "opacity": "0.1"});
					elem.animate(
						{width: "100%", opacity: "1.0"},
						{duration: 1000}
					);
					
					$(this).addClass('tmpSlideshowControlActive');
					
					// 2010/10/6 新藤追加 autoplay停止
					clearInterval(play);
				}
				// 2010/10/6 新藤追加 autoplay再開
				,function(){
					autoplay();
				}
			);
			
		}
	}
});


$(function()
{
	$$.Slideshow.Ready()
});



// 2010/10/6 新藤変更 function化
function autoplay(){
	var INTERVAL = 7000;
	play=setInterval(function(){
		for( i=1; i<4; i++ ){
			if( i == 3 ){
				j = 1;
			}else{
				j = i + 1;
			}

			if($('div#tmpSlide-'+i).css( "display" ) != "none" ){
				$('div.tmpSlide').stop(); /* 表示 -アニメーション-を利用時に必要 */
				$('div.tmpSlide').hide();
				$('li.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');
				
				// スライド操作
				var elem = $('div#tmpSlide-'+j);
				
				// 表示 -通常-
				elem.show();
				
				// 表示 -フェードイン1- 初期不透明度0 -> 100% (例 1000ミリ秒で不透明度100%)
				//elem.fadeIn(500);
				
				// 表示 -フェードイン2- 初期不透明度 任意 -> 任意 (例 30%から1000ミリ秒で80%)
				/*elem.css({"opacity": "0.3"})
				elem.show();
				elem.fadeTo(1000,0.8);*/
				
				
				// 表示 -アニメーション-
				elem.css({"width": "100%", "opacity": "0.1"});
				elem.animate(
					{width: "100%", opacity: "1.0"},
					{duration: 1000}
				);
				
				$('li#tmpSlideshowControl-'+j).addClass('tmpSlideshowControlActive');
				break;
			}
		}
	},INTERVAL);
}