function ajax(method, url, data, oncomplete) {
    // method: only GET right now!!
//    if (httpRequest) {
//        httpRequest.abort();
//    }
    var httpRequest;

    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        httpRequest = new XMLHttpRequest();
        if (httpRequest.overrideMimeType) {
            httpRequest.overrideMimeType('text/xml');
        }
    } 
    else if (window.ActiveXObject) { // IE
        try {
            httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
            try {
                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) {}
        }
    }

    if (!httpRequest) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }
    
    httpRequest.onreadystatechange = function() { 
        if (httpRequest.readyState == 4) {
            if (httpRequest.status == 200) {
                oncomplete(httpRequest.responseText);
            } else {
                // alert(httpRequest.responseText);
            }
        }
    };
    
    if (method == "GET") {
        httpRequest.open(method, url + "?" + data, true);
        httpRequest.send('');
    }
}

var last_id;

function more(id) {
    document.getElementById("loadimg").style.display="inline";
    last_id = id;
    
    if (id == 0) {
        ajax("GET", "/ajax/top/", "", ajaxComplete);    
    } else if (id == 1) {
        ajax("GET", "/ajax/comments_recent/", "", ajaxComplete);    
    } else if (id == 2) {
        ajax("GET", "/ajax/comments_most/", "", ajaxComplete);    
    }
    
}

function ajaxComplete(msg) {
    document.getElementById("m0").style.fontWeight = "normal";
    document.getElementById("m1").style.fontWeight = "normal";
    document.getElementById("m2").style.fontWeight = "normal";
    document.getElementById("m" + last_id).style.fontWeight = "bold";

    document.getElementById("more_content").innerHTML = msg;
    document.getElementById("loadimg").style.display="none";    
    
}