$(function() {
    // banner 切换
    (function() {
        var banner = $('#banner'),
            pic_c  = banner.find('.pics'),
            pics   = pic_c.children(),
            idx_c  = banner.find('.idxs'),
            idxs   = idx_c.children(),
            btns   = banner.find('.btns a'),
            prev   = btns.filter('.prev'),
            next   = btns.filter('.next'),

            len    = pics.length,
            idx    = 0,
            prev_i = -1,
            max_i  = len - 1,
            curr_p = pics.eq(idx),
            curr_i = idxs.eq(idx),
            delay  = 5000,
            timeout = -1;

        win.on('load', function() {
            idx_recu(0, 1500/len, function() {
                settimeout(function() {
                    curr_i.addclass('on');
                    auto();
                }, 300);
                idxs.hover(hover);
            });
            banner.hover(function() {
                // prev.stop().fadein(300);
                // next.stop().fadein(300);
                btns.addclass('on');
            }, function() {
                btns.removeclass('on');
                // prev.stop().fadeout(300);
                // next.stop().fadeout(300);
            });
            prev.on('click', function() {fade(idx===0? idx=max_i:--idx)});
            next.on('click', function() {fade(idx===max_i? idx=0:++idx)});
        });

        function fade(idx) {
            cleartimeout(timeout);
            prev_i = idx;
            curr_p.stop(false,true).fadeout(300);
            curr_p = pics.eq(idx).stop(false,true).fadein(300);
            curr_i.removeclass('on');
            curr_i = idxs.eq(idx).addclass('on');
            auto();
        }
        function hover(){
            idx = $(this).index();
            if (idx === prev_i) return;
            fade(idx);
        }
        function idx_recu(idx, delay, func) {
            temp = idxs.eq(idx);
            if (temp.length) {
                temp.css('margin-top',0).fadein(500);
                settimeout(function() {
                    idx_recu(idx+1, delay, func);
                }, delay);
            } else {
                func();
                return;
            }
        }
        function auto() {
            timeout = settimeout(function() {
                fade(idx===max_i? idx=0: ++idx);
            }, delay);
        }
    }());

    // 新闻轮播
    (function() {
        var sup   = $('#news-slide'),
            items = sup.children(),
            first = items.eq(0);

        win.on('load', function() {auto();});

        function slide(elem) {
            elem = first;
            first.animate({'margin-top':-57}, 500, function() {
                first = first.next();
                sup.append(elem.css('margin-top', 0));
            });
            auto();
        }

        function auto() {
            settimeout(function() {
                slide();
            }, 5000);
        }
    }());

    // 滑块控制
    (function() {
        var sup   = document.getelementbyid('subjects').getelementsbytagname('div')[0],
            items = sup.getelementsbytagname('a'),
            len   = items.length;
            // base  = 70,
            // width_s = parseint(getcomputedstyle(sup).width);
            // width_i = width_s / len,
            // left    = null,
            // style   = null,
            // lefts = [],  // 普通模式下各元素的位置
            // styles  = [];

        win.on('load', function() {sup.classname = "g-wrap ready state-0";})

        // 存储常用变量, 绑定事件
        for (var i=0,elem=null; i<len; i++) {
            elem = items[i];
            // styles.push(elem.style);
            // lefts.push(width_i*i);
            elem.setattribute('idx', i+1);
            bind(elem, 'mouseover', hoveron);
        }
        // 元素逐个出现
        inititems(0, len, 200);

        // 事件绑定函数
        bind(sup, 'mouseout', function() {
            // for (i=0; i<len; i++) {
                // styles[i].left = lefts[i] + 'px';
            // }
            sup.classname = "g-wrap state-0";
        });

        // 控制元素逐个出现
        function inititems(idx, len, delay) {
            if (idx === len) return;
            // style = styles[idx];
            // style.left = lefts[idx] + "px";
            // style.opacity = "1";
            settimeout(function() {inititems(idx+1, len, delay);}, delay);
        }

        // 函数绑定
        function bind (elem, evn, func) {
            if ('addeventlistener' in elem) {
                bind = function (elem, evn, func) {elem.addeventlistener(evn, func, false);}
            } else {
                bind = function(elem, evn, func) {elem['on'+evn] = func;}
            }
            bind(elem, evn, func);
        }

        //元素 mouseover 事件处理
        var i = 0, flag = false;
        function hoveron() {
            // for(i=0, flag=false; i<len; i++) {
            //     temp = items[i];
            //     style = styles[i];
            //     if (temp === this) {
            //         flag = true;
            //         style.left = lefts[i] - (i*base) + "px";
            //     } else {
            //         style.left = lefts[i] + (flag?(len-i)*base:-(i*base)) + "px";
            //     }
            // }
            sup.classname = "g-wrap state-" + this.getattribute('idx');
        }
    }());

    // 二级栏目 下拉
    // (function() {
    //     win.on('load', function() {
    //         var lis = $('#nav li'),
    //             on  = $(nav_on),
    //             lis_1 = lis.filter(':not(.more)'),
    //             lis_2 = lis.filter('.more'),
    //             subnav = $('#subnav'),
    //             subitem = subnav.find('.item'),

    //             n  = $(),
    //             li = n,
    //             item = n,
    //             link = n,

    //             teimeout = -1,
    //             opened = false;

    //         lis_2.hover(function() {
    //             link.removeclass('on');
    //             item.removeclass('on');
    //             li = $(this);
    //             link = li.find('a').addclass('on');
    //             item = subitem.eq(li.index()-1);
    //             item.addclass('on');
    //             opened = true;
    //         }, none);

    //         subnav.hover(open, close);
    //         $('#header').hover(none, function() {
    //             timeout = settimeout(close, 100);
    //         });
    //         lis_1.hover(close, none);

    //         function open() {
    //             cleartimeout(timeout);
    //             if (opened) {
    //                 on.removeclass('on');
    //                 link.addclass('on');
    //             }
    //         }
    //         function close() {
    //             on.addclass('on');
    //             link.removeclass('on');
    //             item.removeclass('on');
    //             opened = false;
    //         }
    //         function none() {};
    //     });
    // }());
    // win.on('load', function() {
    // })
});