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

$$.extend({
	SplitID : function()
	{
		return this.attr('id').split('-').pop();
	},
	Slideshow : {
		Ready : function()
		{
			// hoverイベント パラメータは２つ。
			// 第一引数 - マウスオーバーで呼び出される関数
			// 第二引数 - マウスアウトで呼び出される関数
			$('li.tmpSlideshowControl').hover(
				function() {
					$(this).addClass('tmpSlideshowControlOn');
				},
				function() {
					$(this).removeClass('tmpSlideshowControlOn');
				}
			)
			// hoverイベント
			$('li.tmpSlideshowControl').hover(
				function() {
					slideImage($(this).SplitID(),$(this));
				}
			);


		}
	}
});


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


$(function(){
	var INTERVAL = 7000;
	setInterval(function(){
		for( i=1; i<4; i++ ){
			if( i == 3 ){
				j = 1;
			}else{
				j = i + 1;
			}

			if($('div#tmpSlide-'+i).css( "display" ) != "none" ){
				slideImage(j,$('li#tmpSlideshowControl-'+j));
				break;
			}
		}
	},INTERVAL);
});


function slideImage(n,li){
	$('div.tmpSlide').stop(); /* 表示 -アニメーション-を利用時に必要 */
	$('div.tmpSlide').hide();
	$('li.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');
	
	// スライド操作
	var elem = $('div#tmpSlide-'+n);
	
	// 表示 -通常-
	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.addClass('tmpSlideshowControlActive');
	return true;
}