/**
 *
 * @param {Object} url
 * @param {Array} files
 */
function Thumbnail(url, files){
    this.files = files;
    this.url = url;
    //document.getElementById("display").innerHTML = "<img src='carregando.gif'/>";
}
Thumbnail.prototype.cacheImages = function(){
    for (var go = 0; go < this.files.length; go++) {
        (new Image()).src = "makeThumbnail.php?url=" + this.url + this.files[go] + "&thumb=450";
    } 
}
Thumbnail.prototype.loadImages = function(aTaker){
    var cells = new Array();
    for (var tk = 0; tk < aTaker.rows.length; tk++) {
        for (var m = 0; m < aTaker.rows[tk].cells.length; m++) {            
            cells.push(aTaker.rows[tk].cells[m]);
        }
    }
    for (var go = 0; go < this.files.length; go++) {
        var img = new Image();
        img.src = "makeThumbnail.php?url=" + this.url + this.files[go] + "&thumb=60";
        img.id = this.files[go];
        img.border = "0";
        img.name = "makeThumbnail.php?url=" + this.url + this.files[go] + "&thumb=530";
        img.onclick = show;        
        cells[go].innerHTML = '';        
        cells[go].appendChild(img);
        var nextStep = go;
    }
    for (var tk = nextStep; tk < cells.length; tk++) {
        cells[tk].innerHTML = '';
    }
     //img.src ="makeThumbnail.php?url=" + this.url + this.files[0] + "&thumb=530";
     //document.getElementById("display").appendChild(img);
}
Thumbnail.prototype.setDataShow = function(url, files, aTaker){
    this.files = files;
    this.url = url;
    this.loadImages(aTaker);
	this.cacheImages();
}
/**
 *
 */
Thumbnail.prototype.getClass = function(){
    return this.loadImages();
}
window.show = function(){
    var img = document.createElement("img")
    var display = document.getElementById("lcdDisplay");
        display.innerHTML = "<img src='carregando.gif'/>";  
    if(document.all){
       img.src = event.srcElement.name
    }else{
       img.src = this.name
    }
    img.onload = function(){
      display.innerHTML = "";
      display.appendChild(img);
    }
}