var targetDiv = "";

function loadURL(dest, div)
{
    targetDiv = div;
    
    if (document.getElementById(targetDiv).innerHTML.length == 0) {
        
        document.getElementById(targetDiv).style.display = "block";
        document.getElementById(targetDiv).innerHTML = "Loading...";
        
        try
        {
         // Moz supports XMLHttpRequest. IE uses ActiveX.
         // browser detction is bad. object detection works for any browser
         xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e)
        {
          // browser doesn't support ajax. handle however you want
          window.alert("Please get an updated browser of simply stop using the Internet. Pleeeeeeaaaase!");
        }
        
        // the xmlhttp object triggers an event everytime the status changes
        // triggered() function handles the events
        xmlhttp.onreadystatechange = triggered;
        
        // open takes in the HTTP method and url.
        xmlhttp.open("GET", dest);
        
        // send the request. if this is a POST request we would have
        // sent post variables: send("name=aleem&gender=male)
        // Moz is fine with just send(); but
        // IE expects a value here, hence we do send(null);
        xmlhttp.send(null);
        
    } else {
        
        //document.getElementById(targetDiv).innerHTML = "";
        document.getElementById(targetDiv).innerHTML = "";
        document.getElementById(targetDiv).style.display = "none";
        
    }
    
}

function triggered()
{
    
    // if the readyState code is 4 (Completed)
    // and http status is 200 (OK) we go ahead and get the responseText
    // other readyState codes:
    // 0=Uninitialised 1=Loading 2=Loaded 3=Interactive
    if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
    {
      // xmlhttp.responseText object contains the response.
      document.getElementById(targetDiv).innerHTML = xmlhttp.responseText;
    }
}