var $$ = $.fn;	/* $はJQueryオブジェクト */
$$.extend({		/* extend()はプロトタイプへ追加 */
	SplitID : function()
	{
		return this.attr('id').split('-').pop();
	},
	Slideshow : {
		Ready : function()
		{
			// hoverイベント パラメータは２つ。
			// 第一引数 - マウスオーバーで呼び出される関数
			// 第二引数 - マウスアウトで呼び出される関数
			$('div.tmpSlideshowControl').hover(
				function() {
					$(this).addClass('tmpSlideshowControlOn');
				},
				function() {
					$(this).removeClass('tmpSlideshowControlOn');
				}
			)
			// clickイベント
			$('div.tmpSlideshowControl').click(
				function() {
					$('div.tmpSlide').stop();
					$('div.tmpSlide').hide();
					$('div.tmpSlideshowControl').removeClass('tmpSlideshowControlActive');
					
					// スライド操作
					var elem = $('div#tmpSlide-' + $(this).SplitID());
					
					// 通常表示
					//elem.show();
					
					// フェードイン1 初期不透明度0 -> 100% (例 1000ミリ秒で不透明度100%)
					//elem.fadeIn(1000);
					
					// フェードイン2 初期不透明度 任意 -> 任意 (30%から1000ミリ秒で80%)
					/*elem.css({"opacity": "0.3"})
					elem.show();
					elem.fadeTo(1000,0.8);*/
					
					// アニメーション
					elem.css({"width": "20px", "opacity": "0.1"});
					elem.animate(
						{width: "100%", opacity: "1.0"},
						{duration: "slow"}
					);
					
					$(this).addClass('tmpSlideshowControlActive');
				}
			);
		}
	}
});

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