// JavaScript Document
jQuery(function ($) {
    var index = 0;
    var max = 5;
    $('<div id="flow"></div>').appendTo("#myjQuery");

    //滑动导航改变内容
    $("#myjQueryNav li").hover(function () {
        if (MyTime) {
            clearInterval(MyTime);
        }
        index = $("#myjQueryNav li").index(this);
        MyTime = setTimeout(function () {
        ShowjQueryFlash(index);
        $('#myjQueryContent').stop();
    }, 400);

    }, function () {
        clearInterval(MyTime);
        MyTime = setInterval(function () {
            ShowjQueryFlash(index);
            index++;
            if (index == max) {
                index = 0;
            }
        }, 4000);
    });
    //滑入 停止动画，滑出开始动画.
    $('#myjQueryContent').hover(function () {
        if (MyTime) {
            clearInterval(MyTime);
        }
    }, function () {
        MyTime = setInterval(function () {
            ShowjQueryFlash(index);
            index++;
            if (index == max) {
                index = 0;
            }
        }, 4000);
    });
    //自动播放
    var MyTime = setInterval(function () {
        ShowjQueryFlash(index);
        index++;
        if (index == max) {
            index = 0;
        }
    }, 4000);
});
function ShowjQueryFlash(i) {
    $(".smask1").hide();
    $("#myjQueryContent").show();
    $("#myjQueryContent div").eq(i).animate({ opacity: 1 }, 1000).css({ "z-index": "1" }).siblings().animate({ opacity: 0 }, 1000).css({ "z-index": "0" });
    
    $("#flow").animate({ left: i * 90 + 5 + "px" }, 300); //滑块滑动
    
    $("#myjQueryNav li").eq(i).addClass("current").siblings().removeClass("current");
    
}