function getVideos() {
    ajax.requestURL({"url":"getVideo.php",getDOM:"loadThumbs(DOM)"});
}

function loadThumbs(DOM) {
    var tTarget = document.getElementById("dvThumbs");
    var movies = DOM.getElementsByTagName("movie");
    var ul = document.createElement("ul");


    for(var i=0;i < movies.length;i++) {
        var li = document.createElement("li");
        var thumb = document.createElement("img");
        var src = movies[i].getElementsByTagName("img")[0].firstChild.nodeValue;
        if(src != "") {
            thumb.src = src;
            li.docid = movies[i].getElementsByTagName("docid")[0].firstChild.nodeValue;
            li.title = movies[i].getElementsByTagName("title")[0].firstChild.nodeValue;
            //alert(movies[i].getElementsByTagName("img")[0].firstChild.nodeValue);

            li.appendChild(thumb);

            ul.appendChild(li);
            var height = 39;
            thumb.style.height = height+"px";
            thumb.style.width = (height*1.33)+"px";
            li.onmouseover = thumbOver;
            li.onmouseout = thumbOut;
            li.onclick = loadMovie;
        }
    }
    tTarget.appendChild(ul);
}

function thumbOver() {
    var dvTitle = document.getElementById("dvTitle");
    var img = this.getElementsByTagName("img")[0];
    //var nextImg = this.nextSibling.getElementsByTagName("img")[0];
    //var previousImg = this.previousSibling.getElementsByTagName("img")[0];

    dvTitle.innerHTML = this.title;

    img.style.border = "1px solid #505050";

    /*
    img.style.height = "62px";
    img.style.width = (62*1.33)+"px";
    img.style.top = "-6px";
    */
    //nextImg.style.height = "56px";
    //nextImg.style.top = "-3px";

    //previousImg.style.height = "56px";
    //previousImg.style.top = "-3px";

    //this.style.margin = "0px";
}
function thumbOut() {
    var dvTitle = document.getElementById("dvTitle");
    var img = this.getElementsByTagName("img")[0];
    //var nextImg = this.nextSibling.getElementsByTagName("img")[0];
    //var previousImg = this.previousSibling.getElementsByTagName("img")[0];

    dvTitle.innerHTML = "&nbsp;";
    img.style.border = "1px solid #FFF";
    /*
    img.style.height = "50px";
    img.style.width = (50*1.33)+"px";
    img.style.top = "0px";
    */
    //this.style.margin = "10px";

    //nextImg.style.height = "50px";
    //nextImg.style.top = "0px";

    //previousImg.style.height = "50px";
    //previousImg.style.top = "0px";

}

function loadMovie() {
    //alert(this.docid);
    var dvVideo =  document.getElementById("dvVideo");
    dvVideo.innerHTML = '<object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docid='+this.docid+'&amp;hl=en" width="385" height="333">'+
                        '<param name="wmode" value="transparent" />'+
                        '<param name="movie" value="http://video.google.com/googleplayer.swf?docid='+this.docid+'&amp;hl=en" /></object>';
}

function init() {
    getVideos();
}


window.onload = init;