var starttime;
var total;

function OnRequestStart(ajaxPanel, eventArgs)
{
    time = new Date();
    starttime = time.getTime();
    
    UpdateLog(eventArgs.EventTarget + ": Request started.");    
    UpdateStatusLabel("Processing... please wait.", "red");
    
    // clear data from previous request
    var confirmationLabel = document.getElementById("ConfirmationLabel");
    confirmationLabel.innerHTML = "";
    
    DisableControls();    
}

function OnResponseEnd(ajaxPanel, eventArgs)
{
    EnableControls();
    
    UpdateLog(eventArgs.EventTarget + ": Response completed.");
    UpdateStatusLabel("Your request has been processed successfully.", "green");
}

function DisableControls()
{
    for (var i=0; i<document.forms[0].elements.length; i++)
    {            
        var obj = document.forms[0].elements[i];
        obj.disabled = true;
    }
}

function EnableControls()
{
    for (var i=0; i<document.forms[0].elements.length; i++)
    {        
        var obj = document.forms[0].elements[i];
        obj.disabled = false;
    }
}

var output;
function UpdateLog(text)
{                    
    if (!output)
    {
        output = document.getElementById("eventLog");
    }
    
    if (output)
    {
        test = new Date();
        dt = test.getTime() - starttime;
        var str = text + " Elapsed time: " + dt + "ms.";                    
        starttime = test.getTime();                                        
        output.innerHTML = output.innerHTML + (output.innerHTML ? "<br />" : "") + str;
        output.scrollTop = 10000000;                        
    }                            
}

function UpdateStatusLabel(text, fontColor)
{
    var label = document.getElementById("StatusLabel");
    label.innerHTML = text;
    label.style.color = fontColor;
    label.style.fontWeight = "bold";
}