function SwapImg(TheImage) {
    if (TheImage.src.indexOf("Select.jpg") == -1) {
        if (TheImage.src.indexOf("Over.jpg") == -1) TheImage.src = TheImage.src.replace(".jpg", "Over.jpg");
        else TheImage.src = TheImage.src.replace("Over.jpg", ".jpg");
    }
}
function GrayIn(objID) {
    grayOut2(true);
    document.getElementById(objID).style.display = "block";
}
function GrayOut(objID) {
    grayOut2(false);
    document.getElementById(objID).style.display = "none";
}
function ShowLayer(objID) {
    document.getElementById(objID).style.display = "block";
}
function HideLayer(objID) {
    document.getElementById(objID).style.display = "none";
}
function SetPos(objID, top, left) {
    document.getElementById(objID).style.top = top + "px";
    document.getElementById(objID).style.left = left + "px";
}
function grayOut2(vis, options) {
    // Pass true to gray out screen, false to ungray
    // options are optional. This is a JSON object with the following (optional) properties
    // opacity:0-100 // Lower number = less grayout higher = more of a blackout 
    // zindex: # // HTML elements with a higher zindex appear on top of the gray out
    // bgcolor: (#xxxxxx) // Standard RGB Hex color code
    // grayOut(true, {'zindex':'50', 'bgcolor':'#0000FF', 'opacity':'70'});
    // Because options is JSON opacity/zindex/bgcolor are all optional and can appear
    // in any order. Pass only the properties you need to set.
    var options = options || {};
    var zindex = options.zindex || 50;
    var opacity = options.opacity || 70;
    var opaque = (opacity / 100);
    var bgcolor = options.bgcolor || '#000000';
    var dark = document.getElementById('darkenScreenObject');
    if (!dark) {
        // The dark layer doesn't exist, it's never been created. So we'll
        // create it here and apply some basic styles.
        // If you are getting errors in IE see: http://support.microsoft.com/default.aspx/kb/927917
        var tbody = document.getElementsByTagName("body")[0];
        var tnode = document.createElement('div'); // Create the layer.
        tnode.style.position = 'absolute'; // Position absolutely
        tnode.style.top = '0px'; // In the top
        tnode.style.left = '0px'; // Left corner of the page
        tnode.style.overflow = 'hidden'; // Try to avoid making scroll bars 
        tnode.style.display = 'none'; // Start out Hidden
        tnode.id = 'darkenScreenObject'; // Name it so we can find it later
        tbody.appendChild(tnode); // Add it to the web page
        dark = document.getElementById('darkenScreenObject'); // Get the object.
    }
    if (vis) {
        var pageWidth = document.body.offsetWidth;
        if (document.all) var pageHeight = document.body.offsetHeight;
        else if (document.documentElement) {
            pageWidth = document.documentElement.clientWidth;
            var pageHeight = document.documentElement.clientHeight;
        } else var pageHeight = document.getElementById("Main").offsetHeight + 200;

        //set the shader to cover the entire page and make it visible.
        dark.style.opacity = opaque;
        dark.style.MozOpacity = opaque;
        dark.style.filter = 'alpha(opacity=' + opacity + ')';
        dark.style.zIndex = zindex;
        dark.style.backgroundColor = bgcolor;
        dark.style.width = pageWidth +"px";
        dark.style.height = pageHeight +"px";
        dark.style.display = 'block';
    } else {
        dark.style.display = 'none';
    }
}

function SetEnlargedChart(title,url) {
    document.getElementById("EnlargedChartTitle").innerHTML = title;
    //document.getElementById("EnlargedChartImg").src = url;
}

function InsertRow(EMailObj) {
    if (EMailObj.value == "") {
      alert("Please fill the email field.");
      return false;
    }
    var tbl = document.getElementById("ctl00_ContentPlaceHolder1_EmailTable");
    if (tbl == null) tbl = document.getElementById("ctl00_ContentPlaceHolder2_EmailTable");
    var row = tbl.insertRow(tbl.rows.length);
    var cell = row.insertCell(0);
    cell.innerHTML = EMailObj.value;
    cell = row.insertCell(1);
    cell.innerHTML = "<input type='image' src='images/wide/btnX.jpg' onclick='RemoveRow(this);return false;'>";
    var EmailsObj = document.getElementById("ctl00_ContentPlaceHolder1_TB_Schedule_EMails");
    if (EmailsObj == null) EmailsObj = document.getElementById("ctl00_ContentPlaceHolder2_TB_Schedule_EMails");
    EmailsObj.value += EMailObj.value + ";";
    EMailObj.value = "";
    EMailObj.focus();
}
function RemoveRow(obj) {
    rowIdx = obj.parentNode.parentNode.rowIndex;
    var tbl = document.getElementById("ctl00_ContentPlaceHolder1_EmailTable");
    if (tbl == null) tbl = document.getElementById("ctl00_ContentPlaceHolder2_EmailTable");
    var EmailsObj = document.getElementById("ctl00_ContentPlaceHolder1_TB_Schedule_EMails");
    if (EmailsObj == null) EmailsObj = document.getElementById("ctl00_ContentPlaceHolder2_TB_Schedule_EMails")
    EmailsObj.value += EmailsObj.value.replace(tbl.rows[rowIdx].cells[0].innerHTML + ";", "");
    tbl.deleteRow(rowIdx);
}