$(function() {
    var abhs2li = $(".abhs2-ul li")
    var funny = function(i) {
        abhs[i].onclick = function() {
            console.log(i + 1);
            change(i);
        }
    }
    var abhs22 = function(i) {
        abhs2li[i].onclick = function() {
            console.log(i + 1);
            abhs22c(i);
        }
    }
    var abhs22c = function(i) {
        if (i == 0) {
            console.log(i);
            $(".abhs2-ul li:eq(0)").removeclass("ndbg").siblings().removeclass("dbg");
            $(".abhs2-ul li:eq(0)").addclass("dbg").siblings().addclass("ndbg");
            $(".abhs2-1").addclass("displayblk").siblings().removeclass("displayblk");
        } else if (i == 1) {
            $(".abhs2-ul li:eq(1)").removeclass("ndbg").siblings().removeclass("dbg");
            $(".abhs2-ul li:eq(1)").addclass("dbg").siblings().addclass("ndbg");
            $(".abhs2-2").addclass("displayblk").siblings().removeclass("displayblk");
        } else {
            $(".abhs2-ul li:eq(2)").removeclass("ndbg").siblings().removeclass("dbg");
            $(".abhs2-ul li:eq(2)").addclass("dbg").siblings().addclass("ndbg");
            $(".abhs2-3").addclass("displayblk").siblings().removeclass("displayblk");
        }
    }
    //解决 ie8提示console未定义
    window.console = window.console || (function () {  
        var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile  
        = c.clear = c.exception = c.trace = c.assert = function () { };  
        return c;  
    })();
    
    $(".abhslist").each(function(index) {
        $(this).on("click", function() {
            $(".abhs:eq(" + index + ")").css("display", "block").siblings().css('display', 'none');
            $("html,body").animate({ scrolltop: 0 }, 1);
        })
    })

    for (var i = 0; i < abhs2li.length; i++) {
        abhs22(i);
    }

    window.onload = function() {
        var odiv = document.getelementbyid('div1');
        var oul = document.getelementbyid('ul1');
        var speed = 2; //初始化速度

        oul.innerhtml += oul.innerhtml; //图片内容*2-----参考图（2）
        var oli = document.getelementsbytagname('li');
        oul.style.width = oli.length * 160 + 'px'; //设置ul的宽度使图片可以放下

        // var obtn1 = document.getelementbyid('btn1');
        // var obtn2 = document.getelementbyid('btn2');
        function move() {
            if (oul.offsetleft < -(oul.offsetwidth / 2)) { //向左滚动，当靠左的图4移出边框时
                oul.style.left = 0;
            }

            if (oul.offsetleft > 0) { //向右滚动，当靠右的图1移出边框时
                oul.style.left = -(oul.offsetwidth / 2) + 'px';
            }

            oul.style.left = oul.offsetleft + speed + 'px';
        }

        // obtn1.addeventlistener('click', function() {
        //     speed = -2;
        // }, false);
        // obtn2.addeventlistener('click', function() {
        //     speed = 2;
        // }, false);

        var timer = setinterval(move, 30); //全局变量 ，保存返回的定时器

        odiv.addeventlistener('mouseout', function() {
            timer = setinterval(move, 30);
        }, false);
        odiv.addeventlistener('mousemove', function() {
            clearinterval(timer); //鼠标移入清除定时器
        }, false);
    }
})