画面デザインの改良

    // Judge the card is V1 or V2.
    function isV1(wlansd) {
        if ( wlansd.length == undefined || wlansd.length == 0 ) {
            // List is empty so the card version is not detectable. Assumes as V2.
            return false;
        } else if ( wlansd[0].length != undefined ) {
            // Each row in the list is array. V1.
            return true;
        } else {
            // Otherwise V2.
            return false;
        }
    }
    // Convert data format from V1 to V2.
    function convertFileList(wlansd) {
        for (var i = 0; i < wlansd.length; i++) {
            var elements = wlansd[i].split(",");
            wlansd[i] = new Array();
            wlansd[i]["r_uri"] = elements[0];
            wlansd[i]["fname"] = elements[1];
            wlansd[i]["fsize"] = Number(elements[2]);
            wlansd[i]["attr"]  = Number(elements[3]);
            wlansd[i]["fdate"] = Number(elements[4]);
            wlansd[i]["ftime"] = Number(elements[5]);
        }
    }
    // Callback Function for sort()
    function cmptime(a, b) {
        if( a["fdate"] == b["fdate"] ) {
            return a["ftime"] - b["ftime"];
        }else{
            return a["fdate"] - b["fdate"];
        }
    }
    // Show file list
    function showFileList(path) {
        // Clear box.
        $("#list").html('');
        // Output a link to the parent directory if it is not the root directory.
        if ( path != "/" ) {
            // Make parent path
            var parentPath = path;
            if ( parentPath[parentPath.length - 1] != '/' ) {
                parentPath += '/';
            }
            parentPath += '..';
            // Make a link to the parent path.
            $("#list").append(
                $('<li class="span2"></li>')
                    .append($('<a href="' + parentPath + '" class="thumbnail"></a>')
                        .append($('<img class="img-rounded" src="/SD_WLAN/img/folder.png">'))
                        .append($('<div class="img-caption">..</div>')))
            );
        }
        $.each(wlansd, function() {
            var file = this;
            // Skip hidden file
            if ( file["attr"] & 0x02 ) {
                return;
            }
            // Make a link to directories and files.
            var filelink = $('<a class="thumbnail"></a>').attr('href', file["r_uri"] + '/' + file["fname"]);
            var caption = $('<div class="img-caption" style="text-align: center;"></div>').html(file["fname"]);
            var fileobj = $('<li class="span2"></li>');
            var img = $('<img class="img-rounded">');
            if ( file["attr"] & 0x10 ) {
                img.attr("src", "/SD_WLAN/img/folder.png");
            } else {
                var array = file["fname"].split(".");
                var ext = array.length >= 2 ? array[array.length - 1] : '';
                if ( ext.toUpperCase() == "JPG" ) {
                    img.attr("src", "/thumbnail.cgi?" + file["r_uri"] + '/' + file["fname"]);
                } else {
                    img.attr("src", "/SD_WLAN/img/other.png");
                }
                filelink.addClass("file").attr("target","_blank");
            }
            // Append a file entry or directory to the end of the list.
            $("#list").append(
                fileobj.append(
                    filelink.append(
                        img
                    ).append(
                        caption
                    )
                )
            );
        });     
    }
    //Document Ready
    $(function() {
        if ( isV1(wlansd) ) {
            convertFileList(wlansd);
        }
        wlansd.sort(cmptime);
        showFileList(location.pathname);
    });