﻿ var currentX = 0, movetime = 4000;
window.onload = function() {
    var obj_li = document.getElementById("thumbWrap").getElementsByTagName("div"),
        timer;

    if (obj_li.length > 0) loadImg(obj_li[0].getAttribute("url"), obj_li[0].getAttribute("href"));
    for (var i = 0; i < obj_li.length; i++) {
        obj_li[i].onclick = thumbClick;
    }
    function thumbClick(){
        window.clearInterval(timer);
        each(obj_li, function() {
            this.className = "currentout";
        });
        this.className = "current";
        currentX=this.getAttribute("tip");
        loadImg(this.getAttribute("url"), this.getAttribute("href"));
        timer = window.setInterval(move, movetime);  
    }
    timer = window.setInterval(move, movetime);
    function move() {
        currentX++;
        if (currentX > 5)currentX=0;                
        each(obj_li, function() {
            this.className = "currentout";
        });
        obj_li[currentX].className = "current"; 
        loadImg(obj_li[currentX].getAttribute("url"), obj_li[currentX].getAttribute("href"));
    }
}
function loadImg(url,href) {
    var player = document.getElementById("player"),
	    obj_a=player.getElementsByTagName("a")[0],
	    pic=player.getElementsByTagName("img")[0];
    obj_a.href=href;
    pic.className = "img";
    pic.src = url;
    pic.filters[0].Stop();
    pic.filters[0].Apply();
    pic.filters[0].transition = GetRandomNum(4, 22); ;
    pic.filters[0].Play(); 
}
//遍历对象
function each(obj, fuc) {
    for (var key in obj) {
        obj[key].index = key;
        fuc.call(obj[key]);
    }
}





