$(document).ready(function() {
    /*
    o1: 标签元素
    o2: 内容元素
    c : 标签元素显示用样式
    e : 触发事件 如 click mouseover 
    */
    function tab1(o1, o2, c, e) {
        o1.each(function(i) {
            $(this).bind(e, function() {
                o2.hide().eq(i).show();
                o1.removeClass(c);
                $(this).addClass(c);
            })
            if ($(this).hasClass(c)) {
                $(this).addClass(c);
                o2.hide().eq(i).show();
            }
        })
    }
    /*
    o1: 标签元素
    o2: 内容元素
    c : 标签元素显示用样式
    t1: 标签切换时间
    t2: 内容渐进时间
    a : 内容渐进起始半透明度 0.1~1
    b : 内容渐进结束半透明度 0.1~1
    */
    function tab2(o1, o2, c, t1, t2, a, b) {
        var count = o1.size() - 1;
        var now;
        var TimeInterval;
        o1.each(function(i) {
            $(this).mouseover(function() {
                o2.hide().eq(i).show();
                o1.removeClass(c);
                $(this).addClass(c);
                window.clearInterval(TimeInterval);
            }).mouseout(function() {
                now = i + 1;
                TimeInterval = window.setInterval(changeimage, t1);
            });
            //初始化显示
            if ($(this).hasClass(c)) {
                $(this).addClass(c);
                o2.hide().eq(i).show();
                now = i + 1;
            }
        })

        TimeInterval = window.setInterval(changeimage, t1);
        function changeimage() {
            if (now > count) now = 0;
            o2.hide().eq(now).stop().fadeTo(0, a).fadeTo(t2, b);
            o1.removeClass(c).eq(now).addClass(c);
            now++;
        }
    }


    /*
    o1: 标签元素
    o2: 内容元素
    o3: 内容元素
    c : 标签元素显示用样式
    e : 触发事件 如 click mouseover 
    */
    function tab3(o1, o2, o3, c, e) {
        o1.each(function(i) {
            $(this).bind(e, function() {
                o2.hide().eq(i).show();
                o3.hide().eq(i).show();
                o1.removeClass(c);
                $(this).addClass(c);
            })
            if ($(this).hasClass(c)) {
                $(this).addClass(c);
                o2.hide().eq(i).show();
                o3.hide().eq(i).show();
            }
        })
    }
    /*
    o1: 标签元素
    o2: 内容元素
    o3: 内容元素
    c : 标签元素显示用样式
    t1: 标签切换时间
    t2: 内容渐进时间
    a : 内容渐进起始半透明度 0.1~1
    b : 内容渐进结束半透明度 0.1~1
    */
    function tab4(o1, o2, o3, c, t1, t2, a, b) {
        var count = o1.size() - 1;
        var now;
        var TimeInterval;
        o1.each(function(i) {
            $(this).mouseover(function() {
                o2.hide().eq(i).show();
                o3.hide().eq(i).show();
                o1.removeClass(c);
                $(this).addClass(c);
                window.clearInterval(TimeInterval);
            }).mouseout(function() {
                now = i + 1;
                TimeInterval = window.setInterval(changeimage, t1);
            });
            //初始化显示
            if ($(this).hasClass(c)) {
                $(this).addClass(c);
                o2.hide().eq(i).show();
                o3.hide().eq(i).show();
                now = i + 1;
            }
        })

        TimeInterval = window.setInterval(changeimage, t1);
        function changeimage() {
            if (now > count) now = 0;
            o3.hide().eq(now).show();
            o2.hide().eq(now).stop().fadeTo(0, a).fadeTo(t2, b);
            o1.removeClass(c).eq(now).addClass(c);
            now++;
        }
    }

    //调用函数
    tab1($(".yuan1 .d_t"), $(".yuan1 .bbb"), "on1", "mouseover");
    tab1($(".yuan2 .d_t"), $(".yuan2 .bbb"), "on1", "mouseover");
    tab1($(".yuan3 .d_t"), $(".yuan3 .bbb"), "on1", "mouseover");
    tab1($(".yuan4 .d_t"), $(".yuan4 .bbb"), "on1", "mouseover");
    tab1($(".yuan5 .e_t"), $(".yuan5 .bbb"), "on1", "mouseover");
    tab1($(".yuan6 .e_t"), $(".yuan6 .bbb"), "on1", "mouseover");
    tab1($(".yuan7 .e_t"), $(".yuan7 .bbb"), "on1", "mouseover");
    tab1($(".yuan8 .e_t"), $(".yuan8 .bbb"), "on1", "mouseover");
    tab1($(".yuan9 .e_t"), $(".yuan9 .bbb"), "on1", "mouseover");
    tab1($(".yuan10 .e_t"), $(".yuan10 .bbb"), "on1", "mouseover");
    tab1($(".yuan11 .f_t"), $(".yuan11 .bbb"), "on1", "mouseover");
    tab1($(".yuan12 .e_t"), $(".yuan12 .bbb"), "on1", "mouseover");
    tab1($(".yuan13 .d_t"), $(".yuan13 .bbb"), "on1", "mouseover");
    tab1($(".yuan14 .f_t"), $(".yuan14 .bbb"), "on1", "mouseover");
    tab1($(".yuan15 .g_t"), $(".yuan15 .bbb"), "on1", "mouseover");
    tab1($(".yuan16 .d_t"), $(".yuan16 .bbb"), "on1", "mouseover");
    tab1($(".yuan17 .e_t"), $(".yuan17 .bbb"), "on1", "mouseover");
    tab1($(".yuan18 .h_t"), $(".yuan18 .bbb"), "on2", "mouseover");

    tab1($(".yuan19 .h_t"), $(".yuan19 .bbb"), "on2", "mouseover");
    tab1($(".yuan19 .h_ts"), $(".yuan19 .bbb"), "on2", "mouseover");
    tab1($(".yuan20 .d_t"), $(".yuan20 .bbb"), "on1", "mouseover");
    tab1($(".yuan21 .e_t"), $(".yuan21 .bbb"), "on1", "mouseover");
    tab1($(".yuan22 .h_t"), $(".yuan22 .bbb"), "on1", "mouseover");
    tab1($(".yuan22 .h_t"), $(".yuan22 .bbb"), "on2", "mouseover");
    tab1($(".yuan23 .d2_t"), $(".yuan23 .bbb"), "on1", "mouseover");
    tab1($(".yuan24 .g_t"), $(".yuan24 .bbb"), "on1", "mouseover");
    tab1($(".yuan26 .e_t"), $(".yuan26 .bbb"), "on1", "mouseover");
    tab1($(".yuan25 .h_t"), $(".yuan25 .bbb"), "on2", "mouseover");
});