$(function() {
    fn_slider('#slide','#thum');
    fn_slider('#slide_banner','#thum_banner');
});
function fn_slider(selecter1,selecter2) {
    var c = 3000,
        h = 0,
        a = $(selecter1).children("img"),
        f = a.length,
        i = $(selecter2),
        g = 1;

        function d() {
            if (g == f) {
                i.children("li.sel").removeClass("sel");
                i.children("li:first-child").addClass("sel");
                g = 1;
                e()
            } else {
                i.children("li.sel").removeClass("sel").next().addClass("sel");
                g++;
                e()
                }
        }
        var b = setInterval(d, c);
         $("#thum li").click(function() {
            var j = $(selecter2 + " li").index(this);
            $(selecter2 + " li").removeClass("sel");
            $(this).addClass("sel");
            g = j + 1;
            e()
        });

        function e() {
            a.fadeOut("2500");
            a.eq(g - 1).fadeIn("2500");
            clearInterval(b);
            b = setInterval(d, 5500)
    }
}