var xmlHttp;
var eleID;

function GetData(ID, URL) {

    eleID = ID;

    document.getElementById(eleID).innerHTML = "Sending request, Please wait...";

    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Your browser does not support AJAX!");
        return;
    }

    /* change tab menu image src then fix URL
    var imgID = document.getElementById("tabMenu");
    imgID.src = "/images/" + URL + ".tab.png";
    URL = "/includes/" + URL + ".php"; */
    
    xmlHttp.onreadystatechange = stateChanged;
    xmlHttp.open("GET", URL, true);
    xmlHttp.send(null);
}

function stateChanged() {
    if (xmlHttp.readyState == 2) {
        document.getElementById(eleID).innerHTML = "Loading content, One moment...";
    }
    if (xmlHttp.readyState == 4) {
        // Receiving Request
        document.getElementById(eleID).innerHTML = xmlHttp.responseText;
    }
}

function GetXmlHttpObject() {
    var xmlHttp = null;
    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {
        // Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}