/****** jQueryを用いた、FeatureListの表示javascript ******/
/** javascript概要 **/
/* 
 * 1. フェードイン・フェードアウトは１項目あたり3000msec単位で行われる。
 *      【変更方法】
 *          transition_interval値を変更 (line 52)
 * 2. tabsをmouseover, click時は画像のフェードイン・フェードアウトが止まる。(line 51とline 84～line 103)
 *     【変更方法】
 *        止まらないようにするためには、pause_on_hoverをfalseに。(line 51)
 *        mouseover時の変更は、tabs.mouseenter関数を削除 (line 96～line 102)
 *        click時の変更は、tabs.click関数を削除 (line 84～line 92)
 * 3. tabsのmouseover, click時は対応画像が変更される。(line 59～line 73)
 *      【変更方法】
 *         変わらないようにするためには、2.と同様の処置をとる。
*/

/** tabsとoutputの設定 **/
;(function($) {
	$.fn.featureList = function(options) {
		var tabs	= $(this);
		var output	= $(options.output);

		new jQuery.featureList(tabs, output, options);

		return this;	
	};

/** 画像のフェードインとフェードアウトの設定 **/

	$.featureList = function(tabs, output, options) {
		function slide(nr) {
			if (typeof nr == "undefined") {
				nr = visible_item + 1;
				nr = nr >= total_items ? 0 : nr;
			}

			tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');

			output.stop(true, true).filter(":visible").fadeOut();
			output.filter(":eq(" + nr + ")").fadeIn(function() {
				visible_item = nr;	
			});
		}

/** optionを配列化、item量とデフォ時のpause_on_hoverとtransition_interval値を設定 **/

		var options			= options || {}; 
		var total_items		= tabs.length;
		var visible_item	= options.start_item || 0;

		options.pause_on_hover		= options.pause_on_hover	|| true;
		options.transition_interval	= options.transition_interval	|| 3000;

		output.hide().eq( visible_item ).show();
		tabs.eq( visible_item ).addClass('current');

/** tabsクリック時に対応画像が変化する関数作成 **/

		tabs.click(function() {
			if ($(this).hasClass('current')) {
				return false;	
			}
			slide( tabs.index( this) );
		});

/** tabsのマウスオーバー時に対応画像が変化する関数作成 **/

		tabs.mouseenter(function() {
			if($(this).hasClass('current')) {
				return false;
			}
			slide( tabs.index( this) );
		});

/** transition_intervalが正の値のとき、オートフェードイン・オートフェードアウトが行われるよう設定 **/

		if (options.transition_interval > 0) {
			var timer = setInterval(function () {
				slide();
			}, options.transition_interval);

/** tabsにマウスオーバーした時、オートフェードが止まるよう設定 **/

			if (options.pause_on_hover) {
				tabs.mouseenter(function() {
					clearInterval( timer );
				}).mouseleave(function() {
					clearInterval( timer );
					timer = setInterval(function () {
						slide();
					}, options.transition_interval);
				});

/** outputにマウスオーバーした時、オートフェードが止まるよう設定 **/

				output.mouseenter(function() {
					clearInterval( timer );
				}).mouseleave(function() {
					clearInterval( timer );
					timer = setInterval(function () {
						slide();
					}, options.transition_interval);
				});
			}
		}
	};
})(jQuery);