$(document).ready(function () {
    slideSceneBanner();
});

/*-----------------------------------------------------------*/
slideSceneBanner = function () {
    var tsec;
    var curindex = 0;
    var maxindex = 0;
    maxindex = $(".ListScene li").length;
    autochange($(".ListScene li:eq(" + curindex + ")"));
    $(".ListNumber li").click(function () {
        curindex = $(".ListNumber li").index($(this));
        $('.ListScene .active').fadeOut(500);
        autochange($(".ListScene li:eq(" + curindex + ")"));
    });
    function autochange(obj) {
        clearTimeout(tsec);
        $('.ListScene .active').removeClass('active');
        $('.ListNumber .active').removeClass('active');
        $(obj).addClass('active').fadeIn(600, function () {
            $(".ListNumber li:eq(" + curindex + ")").addClass("active");
            tsec = setTimeout(function () {
                curindex++;
                if (curindex == maxindex) curindex = 0;
                $(obj).removeClass('active').fadeOut(500, function () {
                    autochange($(".ListScene li:eq(" + curindex + ")"));
                });
            }, 8000);
        });
    }
};