$(function() {
	$.featureList(
		$("#btn a"),
		$("#output .banner"), {
			start_item:0
		}
	);
});
/*
 * FeatureList - simple and easy creation of an interactive "Featured Items" widget
 * Examples and documentation at: http://jqueryglobe.com/article/feature_list/
 * Version: 1.0.0 (01/09/2009)
 * Copyright (c) 2009 jQueryGlobe
 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
 * Requires: jQuery v1.3+
*/
;(function($) {
	$.fn.featureList = function(options) {
		
		//alert(this);
		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(1000);
			output.filter(":eq(" + nr + ")").fadeIn(1000, function() {
				visible_item = nr;	
			});
		}

		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 || 5000;

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

		// -------------------------------------- マウスイベント
		tabs.mouseover(function()
		{
			if($(this).hasClass('current'))
			{
				return false;	
			}

			slide( tabs.index( this) );
		});
		
		
		// if start
		if(options.transition_interval > 0)
		{
			var timer = setInterval(function ()
			{
				slide();
				cli();
				t();
			}, options.transition_interval);
			
			// --------------------------
			if(options.pause_on_hover)
			{
				// mouseenter
				tabs.mouseenter(function()
				{
					clearInterval( timer );
					// mouseleave
				}).mouseleave(function()
				{
					clearInterval( timer );
					timer = setInterval(function()
					{
						slide();
					}, options.transition_interval);
				});
				
				// ======================================
				
				// output
				
				// ======================================
				// mouseenter
				/*
				output.mouseenter(function()
				{
					clearInterval(timer);
					
					// mouseleave
				}).mouseleave(function()
				{
					clearInterval(timer);
					timer = setInterval(function()
					{
						slide();
					}, options.transition_interval);
				});
				*/
			}// end if
		}// end if
		
		
		
var countH = 0;

function cli()
{
	countH++;
	$('#test').html(countH);
}

function t()
{
	setTimeout(function ()
	{
		cli();
	},10);
}


		
	};
})(jQuery);