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


	
	


	$(".pic_stage li").hover(function(){
		clearTimeout(timer);
	},function(){
		timer = window.setTimeout(auto, offset);
	});

	
//大图交替轮换
function slideImage(i){
    $('.pic_stage li').eq(i).siblings().hide();
	$('.pic_stage li').eq(i).fadeIn(600);
}

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

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

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

}

//初始调用
    initsmallpic();
    auto(); 
		//绑定小图
    $('.small_pic li').each(function(i){
		var c=i+1;
		$('.smallpic'+c,'.small_pic').live("mouseover", function(){
            if (timer) {clearTimeout(timer);}                
            index=i;
						rechange(index);
            slideImage(index); 
						timer = window.setTimeout(auto, offset); 
            $(this).siblings().removeClass("hot"); 
						$(this).addClass("hot");            
            return false;
    	});
	}); 
});