﻿$(function() {
    var index = 0;
    $("#btn span").mouseover(function() {
        index = $("#btn span").index(this);
        showImg(index);
    });
    //滑入 停止动画，滑出开始动画.
    $('#imgnav').hover(function() {
        if (MyTime) {
            clearInterval(MyTime);
        }
    }, function() {
        MyTime = setInterval(function() {
            showImg(index)
            index++;
            if (index == 5) { index = 0; }
        }, 3600);
    });
    //自动开始
    var MyTime = setInterval(function() {
        showImg(index)
        index++;
        if (index == 5) { index = 0; }
    }, 3600);
})
//关键函数：通过控制i ，来显示不通的幻灯片
function showImg(i) {
    $("#img img")
			.eq(i).stop(true, true).fadeIn(800)
			.parent().siblings().find("img").hide();
//    $("#msg li")
//			.eq(i).stop(true, true).fadeIn(800)
//			.siblings().hide();
    $("#btn span")
			.eq(i).addClass("hov")
			.siblings().removeClass("hov");
}