// variable to hold reference to XMLHTTP object
var oHTTP;
var bLoaded = false;
var iLoopCounter = 0;

function loadTarget(sURL) {
    // create instance of a new XMLHTTP object
    //alert("doing it");
    startTimer() 
    oHTTP = new ActiveXObject("Microsoft.XMLHTTP");
    if (oHTTP != null) {
        // specify callback for loading completion
        oHTTP.onreadystatechange = gotTarget;
        // open HTTP connection and send async request
        oHTTP.open('GET', sURL, true);
        oHTTP.send();
    }
    else {
        bLoaded = true;
        document.getElementById('spnError').innerText = 'ERROR: Cannot create XMLHTTP object to load next page';
    }
}

function gotTarget() {
    //alert("gotTarget");
    // see if loading is complete
    if (oHTTP.readyState == 4) {
        // check if there was an error
        if (oHTTP.status == 200) {
            // dump next page content into this page
            bLoaded = true;
            document.getElementById("preloader").style.display='none';
            document.getElementById("content").innerHTML=oHTTP.responseText
        } else 
        {
            bLoaded = true;
            document.getElementById('spnError').innerText = 'ERROR: Cannot load next page';
        }
    }
}

function startTimer() {
    // display "Please wait" message
    var label = document.getElementById('search_progress');
    label.innerHTML = '<b>.</b>';
    iLoopCounter=iLoopCounter+1;
    // start interval timer for one second
    window.setTimeout('showProgress()', 500);
}

function showProgress() {
    if(bLoaded==false){
        // update "Please wait" text
        var label = document.getElementById('search_progress');
        label.innerHTML += '<b>.</b>';
        iLoopCounter=iLoopCounter+1;
        if (iLoopCounter > 20) {
            iLoopCounter=0;
            startTimer() ;
        }else
        {
            iLoopCounter++;
            // restart interval timer for one second
            window.setTimeout('showProgress()', 500);
        }
    }
}