// javascript document
$(document).ready(function($){
	var $showpic =$('#bannerlist li');
	var $btonbox=$('#bannerbton');
	var _n=0;
	var _vt=3000;
	var _vf=1000;
	var timer;
	//生成角标
	for(i=1;i<=$showpic.length;i++){
		$btonbox.append('<li></li>');
	}
	var $btonlist=$btonbox.children('li');
	//鼠标事件
	$btonlist.each(function(e){
			$(this).hover(function(){
				clearinterval(timer);
				showimg(e);
				_n=e;
			},function(){
				timer = setinterval(auto,_vt);
			});
		});
	//图片轮换
	var showimg= function(n){
		$showpic.stop(true,true).eq(n).fadein(_vf).siblings().fadeout(_vf);
		$btonlist.eq(n).addclass('up').siblings().removeclass('up');
	}
	//自动播放
	var auto=function(){
		showimg(_n);
		_n++
		if(_n == $showpic.length){_n=0;}
	}
	timer = setinterval(auto,_vt);
	showimg(_n);
	_n++;
});