$(function(){
var timer = null;
var offset = 3000;
var index = 0;



			//绑定小图
  $('.banner_pic li').each(function(k){
		var d=k+1;
		$('.smallpic'+d,'.banner_nav').live("mouseover",function(){
						if (timer) {clearTimeout(timer);}                
            index=k;
						rechange(index);
            slideImage(index); 
            timer = window.setTimeout(auto, offset);  
            $(this).parent("li").siblings().removeClass("active"); 
						$(this).parent("li").addClass("active");            
            return false;
    	});
	});

	
//大图交替轮换
function slideImage(i){
    $('.banner_pic li').eq(i).siblings().fadeOut(400);
	$('.banner_pic li').eq(i).fadeIn(400);
}

//改变小图焦点
function rechange(loop){
    $('.banner_nav li').removeClass('active');
    $(".banner_nav li").eq(loop).addClass('active');
}

//自动播放函数
function auto(){
    
    if (index >= $('.banner_pic li').length){
        index = 0;
    }
    rechange(index);
    slideImage(index);
	index++;
    timer = window.setTimeout(auto, offset);
	
}

function initsmallpic(){
	var j;
	for(j=1; j<=$('.banner_pic li').length; j++){
		$(".banner_nav ul").append("<li class='smallpic"+j+"'>"+j+"</li>");
	}

}

//初始调用
    initsmallpic();
    auto(); 

});