var $=function(id) { return document.getElementById(id); };

var mimg=["application.png","archive.png","audio.png","image.png","text.png","unknown.png","url.png","video.png"];

function listFiles() {
    $('fList').innerHTML="<div class=\"tbl-tr nohover\"> \
"+      "<div class=\"tbl-td\"><a href=\"javascript:resort('name');\" target=\"_self\">Name</a></div> \
"+      "<div class=\"tbl-td fr\"><a href=\"javascript:resort('size');\" target=\"_self\">Size</a></div> \
"+      "<div class=\"tbl-td\"><a href=\"javascript:resort('age');\" target=\"_self\">Age</a></div> \
"+      "<div class=\"tbl-td fr\">DL</div> \
"+      "<div class=\"tbl-td fr\">RM</div> \
"+      "</div>";

    var fname;
    for(var i=0;i<fList.length;i++) {
        var name=fList[i][0];
        fname=name;
        if(name.length>32) name=name.substr(0,32)+"...";

        $('fList').innerHTML+="<div class=\"tbl-tr\" onmouseover=\"showThumb('"+fname+"');\" onmouseout=\"hideThumb();\"> \
"+      "<div class=\"tbl-td\"><img src=\"img/"+fList[i][3]+"\" class=\"icon\" /><a href=\""+path+fList[i][0]+"\" target=\"_blank\">"+name+"</a></div> \
"+      "<div class=\"tbl-td fr\">"+fList[i][2]+"</div> \
"+      "<div class=\"tbl-td\">"+fList[i][1]+"</div> \
"+      "<div class=\"tbl-td fr\"><a href=\"list.php?download="+encodeURIComponent(fList[i][0])+"\" target=\"_self\">[v]</a></div> \
"+      "<div class=\"tbl-td fr\"><a href=\"list.php?delete="+encodeURIComponent(fList[i][0])+"\" target=\"_self\">[x]</a></div> \
"+      "</div>";
    }
}

var sType="";
function resort(x) {
    switch(x) {
        case "name":
            if(sType=="name") {
                fList.sort(function(a,b) { if(a[0]<b[0]) return 1; if(a[0]>b[0]) return -1; });
                sType="rname";
            } else {
                fList.sort(function(a,b) { if(a[0]<b[0]) return -1; if(a[0]>b[0]) return 1; });
                sType="name";
            }
            break;
        case "age":
            if(sType=="age") {
                fList.sort(function(a,b) { if(a[4]<b[4]) return -1; if(a[4]>b[4]) return 1; });
                sType="rage";
            } else {
                fList.sort(function(a,b) { if(a[4]<b[4]) return 1; if(a[4]>b[4]) return -1; });
                sType="age";
            }
            break;
        case "size":
            if(sType=="size") {
                fList.sort(function(a,b) { if(a[5]<b[5]) return -1; if(a[5]>b[5]) return 1; });
                sType="rsize";
            } else {
                fList.sort(function(a,b) { if(a[5]<b[5]) return 1; if(a[5]>b[5]) return -1; });
                sType="size";
            }
            break;
    }

    listFiles();
}

function showThumb(name) {
    $('thumb').style.display="block";
    $('thumb').style.background="url('thumbs/"+name+".jpg') no-repeat";
}
function hideThumb() {
    $('thumb').style.display="none";
    $('thumb').style.background="transparent";
}
function moveThumb() {
    var x=event.clientX;
    var y=event.clientY;
    $('thumb').style.top=(y-16)+"px";
    $('thumb').style.left=(x+32)+"px";
}