var win = $(window),
    nav_on = null;

$(function() {
  

    // 滑块控制
    (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() {
    // })
});