// MouseOver events for the GridViews
var _oldColor;

function SetNewColor(source)
{
    _oldColor = source.style.backgroundColor;
    source.style.backgroundColor = '#EEEEEE';
}

function SetOldColor(source)
{
    source.style.backgroundColor = _oldColor;
}

$(document).ready(function () {
    $("#loading-div-background").css({ opacity: 0.5 });
    $("#loading-div-wrapper").hide();
});

function loading() {
    $("#loading-div-wrapper").show();
    $("#loading-img").attr('src', webroot + "Images/loading.gif");
    //alert(webroot + "Images/loading.gif");
    //alert($("#loading-img").attr('src'));
    return true;
}

var showHideContentExpImg = new Image();
var showHideContentColImg = new Image();
showHideContentExpImg.src = webroot + "Images/Expand.gif";
showHideContentExpImg.alt = "Expand";
showHideContentColImg.src = webroot + "Images/Collapse.gif";
showHideContentColImg.alt = "Collapse";

function showHideContent(id)
{
    var oContent = document.getElementById("content_" + id);
    var oImage = document.getElementById("image_" + id);

    if (!oContent)
    return;

    if (oContent.style.display == "")
    {
    oContent.style.display = "none";
    if (oImage)
    {
    oImage.src = showHideContentExpImg.src;
    oImage.alt = "Expand";
    }
    }
    else
    {
    oContent.style.display = "";
    if (oImage)
    {
    oImage.src = webroot + "Images/Collapse.gif";
    oImage.alt = "Collapse";
    }
    }
}