$(document).ready(function () {
    var animation = function () {
        var p = $('div.banner');
        if (p.hasclass('banner_game')) {
            p.fadeto('normal', 0.2, function () {
                p.removeclass('banner_game');
                p.addclass('banner_video');
                $('div.menuaa > ul > li:eq(1)').removeclass('active');
                $('div.menuaa > ul > li:eq(2)').addclass('active');
            });
        } else if (p.hasclass('banner_video')) {
            p.fadeto('normal', 0.2, function () {
                p.removeclass('banner_video');
                p.addclass('banner_novel');
                $('div.menuaa > ul > li:eq(2)').removeclass('active');
                $('div.menuaa > ul > li:eq(3)').addclass('active');
            });
        } else if (p.hasclass('banner_novel')) {
            p.fadeto('normal', 0.2, function () {
                p.removeclass('banner_novel');
                p.addclass('banner_music');
                $('div.menuaa > ul > li:eq(3)').removeclass('active');
                $('div.menuaa > ul > li:eq(4)').addclass('active');
            });
        } else if (p.hasclass('banner_music')) {
            p.fadeto('normal', 0.2, function () {
                p.removeclass('banner_music');
                $('div.menuaa > ul > li:eq(4)').removeclass('active');
                $('div.menuaa > ul > li:eq(0)').addclass('active');
            });
        } else {
            p.fadeto('normal', 0.2, function () {
                p.addclass('banner_game');
                $('div.menuaa > ul > li:eq(0)').removeclass('active');
                $('div.menuaa > ul > li:eq(1)').addclass('active');
            });
        }
        p.fadeto('normal', 1);
    };
    var id = setinterval(animation, 10000);
    var time_id = null;
    $('div.menuaa > ul > li').click(function () {
        id && clearinterval(id);
        $('div.menuaa > ul > li').removeclass('active');
        $(this).addclass('active');
        var p = $('div.banneraa');
        var a = $(this).find('a:first');
        if (a.hasclass('menu_home')) {
            p.attr('class', 'banneraa');
        } else if (a.hasclass('menu_game')) {
            p.attr('class', 'banneraa banner_game');
        } else if (a.hasclass('menu_video')) {
            p.attr('class', 'banneraa banner_video');
        } else if (a.hasclass('menu_novel')) {
            p.attr('class', 'banneraa banner_novel');
        } else if (a.hasclass('menu_music')) {
            p.attr('class', 'banneraa banner_music');
        }
        time_id && cleartimeout(time_id);
        time_id = settimeout(function () {
            id = setinterval(animation, 10000);
        }, 10000);
    });
});