window.onload=function(){
    var imgarr=[
        {"path":"images/bh1.jpeg"},
        {"path":"images/bh2.jpeg"},
        {"path":"images/bh3.jpeg"},
        {"path":"images/bh4.jpeg"},
        {"path":"images/bh5.jpeg"},
        {"path":"images/bh6.jpeg"},
        {"path":"images/bh7.jpeg"}
    ];
    var size=[
        {"top":10,"left":0,"width":133,"height":80,"zindex":1,"opacity":0},
        {"top":10,"left":0,"width":133,"height":80,"zindex":2,"opacity":40},
        {"top":5,"left":10,"width":166,"height":100,"zindex":3,"opacity":70},
        {"top":0,"left":30,"width":200,"height":120,"zindex":4,"opacity":100},
        {"top":5,"left":80,"width":166,"height":100,"zindex":3,"opacity":70},
        {"top":10,"left":126,"width":133,"height":80,"zindex":2,"opacity":40},
        {"top":10,"left":126,"width":133,"height":80,"zindex":1,"opacity":0}
    ];
    var imgsum=imgarr.length;
    var wrap=document.getelementbyid('wrap');
    var cont=wrap.firstelementchild || wrap.firstchild;
    var btnarr=wrap.getelementsbytagname('a');
    var falg=true;
    var speed=7000;
    wrap.onmouseover=function(){
        for (var i=0;i<btnarr.length;i++) {
            btnarr[i].style.display='block';
        }
        clearinterval(wrap.timer);
    }
    wrap.onmouseout=function(){
        for (var i=0;i<btnarr.length;i++) {
            btnarr[i].style.display='none';
        }
        wrap.timer=setinterval(function(){
             move(true);
         },speed);
    }
    for (var i=0;i<imgsum;i++) {
        var lis=document.createelement('li');             
        // lis.style.csstext='top:'+size[i].top+'px;'+'left:'+size[i].left+'px;'+'width:'+size[i].width+'px;'+'z-index:'+size[i].zindex+';'+'height:'
        // +size[i].height+'px;'+'opacity:'+size[i].opacity+';';
        lis.style.backgroundimage='url('+imgarr[i].path+')';
        cont.appendchild(lis);
    }
    var liarr=cont.children;
    move();
    wrap.timer=setinterval(function(){
        move(true);
    },speed);
    btnarr[1].onclick=function(){
        if (falg) {
            move(true);
        }
    }
    btnarr[0].onclick=function(){
        if (falg) {
            move(false);
        }
    }
    function move(bool){
        if(bool!=undefined){
            if(bool){
                size.unshift(size.pop());
            }else {
                size.push(size.shift());
            }
        }
        for (var i=0;i<liarr.length;i++) {
            animate(liarr[i],size[i],function(){
                falg=true;
            });
        }
    }
}