﻿;(function($) {
	$.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;	
			});
		}

		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;
		options.delay               = options.delay                 || 300;

		output.hide().eq( visible_item ).show();
		tabs.eq( visible_item ).addClass('current');
		var ct;
		tabs.mouseover(function() {
			if ($(this).hasClass('current')) {
				return false;	
			}
			var curr_num = tabs.index(this);
			function hover(){slide(curr_num)}			
			if(ct){	clearTimeout(ct);}
			ct = setTimeout(hover,options.delay);
		});

		if (options.transition_interval > 0) {
			var timer = setInterval(function () {
				slide();
			}, options.transition_interval);
			function clearTimer(obj){
				obj.mouseenter(function(){clearInterval( timer );})
				.mouseleave(function() {
					clearInterval( timer );
					timer = setInterval(function () {slide();}, options.transition_interval);
				});
			}
			if (options.pause_on_hover) {
				clearTimer(tabs);
				clearTimer(output);
			}
		}
	};
})(jQuery);


/*Tab 选项卡 标签 切换*/
jQuery(function(){
	    var div_li =jQuery("div.tab_menu ul li");
	    div_li.mouseover(function(){
			jQuery(this).addClass("selected")            //当前<li>元素高亮
				   .siblings().removeClass("selected");  //去掉其他同辈<li>元素的高亮
            var index =  div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
			jQuery("div.tab_box > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div
					.eq(index).show()   //显示 <li>元素对应的<div>元素
					.siblings().hide(); //隐藏其他几个同辈的<div>元素
			jQuery("div.tab_box > ul")
				.eq(index).show();
		}).hover(function(){
			jQuery(this).addClass("hover");
		},function(){
			jQuery(this).removeClass("hover");
		})
})
