var $$ = $.fn;	/* $はJQueryオブジェクト */
$$.extend({		/* extend()はプロトタイプへ追加 */
	SplitID : function()
	{
		return this.attr('id').split('-').pop();
	},
	Slideshow : {
		Ready : function()
		{
			// hoverイベント パラメータは２つ。
			// 第一引数 - マウスオーバーで呼び出される関数
			// 第二引数 - マウスアウトで呼び出される関数
			$('li.tmpSlideshowControl').hover(
				function() {
					$(this).addClass('tmpSlideshowControlOn');
				},
				function() {
					$(this).removeClass('tmpSlideshowControlOn');
				}
			)
			// clickイベント
			$('li.tmpSlideshowControl').click(
				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": "20px", "opacity": "0.1"});
					elem.animate(
						{width: "100%", opacity: "1.0"},
						{duration: "slow"}
					);
					
					$(this).addClass('tmpSlideshowControlActive');
				}
			);
		}
	}
});

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