//tab
function tab(){
    var $div_li =$("div.tab-menu ul li");
    $div_li.hover(function(){
    $(this).addClass("current")            //当前<li>元素高亮
         .siblings().removeClass("current");  //去掉其它同辈<li>元素的高亮
          var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
    $("div.tab-box > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
        .eq(index).show()   //显示 <li>元素对应的<div>元素
        .siblings().hide(); //隐藏其它几个同辈的<div>元素
  })
}
  
//滚动
function mar(){
        var $this = $(".scrollNews");
		var scrollTimer;
		$this.hover(function(){
			  clearInterval(scrollTimer);
		 },function(){
		   scrollTimer = setInterval(function(){
						 scrollNews( $this );
					}, 3000 );
		}).trigger("mouseleave");
}
function scrollNews(obj){
   var $self = obj.find("ul:first"); 
   var lineHeight = $self.find("li:first").height(); //获取行高
   $self.animate({ "marginTop" : -lineHeight +"px" }, 600 , function(){
         $self.css({marginTop:0}).find("li:first").appendTo($self); //appendTo能直接移动元素
   })
}

function liEven() {
 //自动隔行变颜色
 $(".fgli li:even").addClass("l-c");
 //鼠标移动上去颜色变化 
 $(".fgli li").hover(function(){$(this).addClass("highL");},function(){$(this).removeClass("highL");}); 
 }
 
function showcase (){
	var timer=null,
	$sliderContain = $("#slider0"),
	$ul = $sliderContain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	height = $li.eq(0).height(),
	lastLiH = height*size,
	index=1,
	$btns = $sliderContain.find(".btns li").mouseover(function(){
		if(timer){
			clearInterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setInterval(slider, 5000);
	}),
	slider = function(){
		if(index === size){
			var t = $li.eq(0).css({position:"relative",top:lastLiH}),
			callback = function(){
				t.css({top:0});
				$ul.css({top:0});
			},
			myTop = -index*height,
			eq = index = 0;
		}else{
			var myTop = -index*height,
			callback='',
			eq = index;
		};
		$btns.removeClass("on").eq(eq).addClass('on');
		$ul.stop().animate({top:myTop},800,callback);
		index++
	};
	timer = setInterval(slider, 5000);
};
function showcase1(){
	var timer=null,
	$sliderContain = $("#slider1"),
	$ul = $sliderContain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	height = $li.eq(0).width(),
	lastLiH = height*size,
	index=1,
	$btns = $sliderContain.find(".btns li").mouseover(function(){
		if(timer){
			clearInterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setInterval(slider, 5000);
	}),
	slider = function(){
		if(index === size){
			var t = $li.eq(0).css({position:"relative",left:lastLiH}),
			callback = function(){
				t.css({left:0});
				$ul.css({left:0});
			},
			myTop = -index*height,
			eq = index = 0;
		}else{
			var myTop = -index*height,
			callback='',
			eq = index;
		}
		$btns.removeClass("on").eq(eq).addClass('on');
		$ul.stop().animate({left:myTop},800,callback);
		index++
	};
	$ul.width(lastLiH);
	timer = setInterval(slider, 5000);
};

function shwocase2(){
	var timer=null,
	$sliderContain = $("#slider2"),
	$ul = $sliderContain.find(".pics > ul"),
	$li = $ul.children(),
	size = $li.size(),
	index=1,
	$btns = $sliderContain.find(".btns li").mouseover(function(){
		if(timer){
			clearInterval(timer);
		}
		index=$(this).index();
		slider();
		timer = setInterval(slider, 5000);
	}),
	slider=function(){
		if(index===size){
			index=0;
		}
		var $tmpLi = $li.eq(index).css({"display":"block","z-index":0,opacity:0}).animate({opacity:1},800);
		$indexLi.animate({opacity:0},800,function(){
			$indexLi.css({"display":"none","z-index":0});
			$indexLi=$tmpLi.css({"z-index":1});
		});
		$btns.removeClass("on").eq(index).addClass('on');
		index++;
	};
	var $indexLi = $li.eq(0);
	timer = setInterval(slider,5000);
};