//show OR hide funtion depends on if element is shown or hidden
function ShowHide(id) {

    if (document.getElementById) { // DOM3 = IE5, NS6
        if (document.getElementById(id).style.display == "none") {
            document.getElementById(id).style.display = 'block';
        }
        else {
            document.getElementById(id).style.display = 'none';
        }
    }
    else {
        if (document.layers) {
            if (document.id.display == "none") {
                document.id.display = 'block';
            }
            else {
                document.id.display = 'none';
            }
        }
        else {
            if (document.all.id.style.visibility == "none") {
                document.all.id.style.display = 'block';
            }
            else {
                document.all.id.style.display = 'none';
            }
        }
    }
}

var p1;
var oldvalue="";

function MaskPhone(object)
{      
    var p2="";
    validKey = "0123456789";
    p1=object.value;	
    keyCount = p1.length;
    keyEntered = p1.substring(keyCount -1, keyCount);
    
    if (validKey.indexOf(keyEntered) == "-1")
    {
        object.innerText = p1.substring(0, keyCount - 1);
        p2=p1.substring(0, keyCount - 1);
    }
    else
    {          
        if (p1.length > oldvalue.length)
        {
            p1=p1.replace("(","");
            p1=p1.replace(")","");
            p1=p1.replace("-","");
    		
            while (p1.search(" ") != -1)
            {
	            p1=p1.replace(" ","");
            }
            
            object.value = p1;
            
            if (p1.length < 4)
            {
	            object.innerText= "(" + p1.substring(0,3);
	            p2="(" + p1.substring(0,3);
	        }
            else if (p1.length < 7)
            {
                 object.innerText= "(" + p1.substring(0,3) + ")" + p1.substring(3,6);
                 p2= "(" + p1.substring(0,3) + ")" + p1.substring(3,6);
            }
            else
            {
                 object.innerText= "(" + p1.substring(0,3) + ")" + p1.substring(3,6) + "-" + p1.substring(6,10);
                 p2="(" + p1.substring(0,3) + ")" + p1.substring(3,6) + "-" + p1.substring(6,10);
            }    
        }
        else
            p2=object.value;
    }
    
    oldvalue=p2;
    object.value=p2;
}

function MaskZip(object)
{
    var p2="";
    validKey = "0123456789";
    p1=object.value;	
    keyCount = p1.length;
    keyEntered = p1.substring(keyCount -1, keyCount);
    
    if (validKey.indexOf(keyEntered) == "-1")
    {
        object.innerText = p1.substring(0, keyCount - 1);
        p2=p1.substring(0, keyCount - 1);
    }
    else
    {     	    
        if (p1.length > oldvalue.length)
        {
            p1=p1.replace("-","");
    		
            while (p1.search(" ") != -1)
            {
	            p1=p1.replace(" ","");
            }
            
            object.value = p1;
            
            if (p1.length < 6)
            {
                object.innerText= p1.substring(0,5);
	            p2= p1.substring(0,5);
            } 
            else 
            {
                object.innerText= p1.substring(0,5) + "-" + p1.substring(5,9);
	            p2= p1.substring(0,5) + "-" + p1.substring(5,9);
            }
        }
        else
            p2=object.value;
    }
    
    oldvalue=p2;
    object.value=p2;
}

function MaskVisaMaster(object)
{
    var p2="";
    validKey = "0123456789";
    p1=object.value;	
    keyCount = p1.length;
    keyEntered = p1.substring(keyCount -1, keyCount);
    
    if (validKey.indexOf(keyEntered) == "-1")
    {
        object.innerText = p1.substring(0, keyCount - 1);
        p2=p1.substring(0, keyCount - 1);
    }
    else
    {     	    
        if (p1.length > oldvalue.length)
        {    		
            while (p1.search(" ") != -1)
            {
	            p1=p1.replace(" ","");
            }
            
            while (p1.search("-") != -1)
            {
	            p1=p1.replace("-","");
            }
            
            object.value = p1;
            
            if (p1.length < 5)
            {
                object.innerText = p1.substring(0,4);
	            p2 = p1.substring(0,4);
            } 
            else if (p1.length < 9)
            {
                object.innerText = p1.substring(0,4) + "-" + p1.substring(4,8);
	            p2 = p1.substring(0,4) + "-" + p1.substring(4,8);
            } 
            else if (p1.length < 13)
            {
                object.innerText = p1.substring(0,4) + "-" + p1.substring(4,8) + "-" + p1.substring(8,12);
	            p2 = p1.substring(0,4) + "-" + p1.substring(4,8) + "-" + p1.substring(8,12);
            } 
            else 
            {
                object.innerText = p1.substring(0,4) + "-" + p1.substring(4,8) + "-" + p1.substring(8,12) + "-" + p1.substring(12,16);
	            p2 = p1.substring(0,4) + "-" + p1.substring(4,8) + "-" + p1.substring(8,12) + "-" + p1.substring(12,16);
            }
        }
        else
            p2=object.value;
    }
    
    oldvalue=p2;
    object.value=p2;
}

function ShowPanel(event, Id) {
    LookupPanel.startCallback(event, "id=" + Id.toString(), null, OnError);
}
function HidePanel() {
    LookupPanel.hide();

    // *** If you don't use shadows, you can fade out
    //LookupPanel.fadeout();
}
function OnCompletion(Result) {
    alert('done it!\r\n' + Result);
}
function OnError(Result) {
    alert("*** Error:\r\n\r\n" + Result.message);
}

//
// *** Printer friendly function ***
//

//Display a printer friendly page
//Make sure that the image path is correct.
function PrintThisPage(divElementToPrint) {
    var sOption = "toolbar=yes,location=no,directories=yes,menubar=yes,";
    sOption += "scrollbars=yes,width=772px,height=500px,left=100,top=25";

    var sWinHTML = document.getElementById(divElementToPrint).innerHTML;

    var winprint = window.open("", "", sOption);
    winprint.document.open();
    winprint.document.write('<html><head><title>Online Customer Service</title><link href="printerFriendly.css" rel="stylesheet" type="text/css" /></head><body>');
    winprint.document.write('<table><tr><td>');
    winprint.document.write('<img src="images/print.gif" alt="Print"/>&nbsp;&nbsp<a href="javascript:void(0);" onclick="window.print();"><span class="navLink">Print</span></a>&nbsp;|&nbsp;');
    winprint.document.write('<a href="javascript:window.close()"><span class="navLink">Close</span></a><br /><br />');
    winprint.document.write('</td></tr></table>');
    winprint.document.write(sWinHTML);
    winprint.document.write('</body></html>');
    winprint.document.close();
    winprint.focus();
}

//
// *** Modal Dialog function ***
//

//  keeps track of the delete button for the row
//  that is going to be removed
var _source;
// keep track of the popup div
var _popup;

function showConfirm(source) {
    this._source = source;
    this._popup = $find('mdlPopup');

    //  find the confirm ModalPopup and show it    
    this._popup.show();
}

function okClick() {
    //  find the confirm ModalPopup and hide it    
    this._popup.hide();
    //  use the cached button as the postback source
    __doPostBack(this._source.name, '');
}

function cancelClick() {
    //  find the confirm ModalPopup and hide it 
    this._popup.hide();
    //  clear the event source
    this._source = null;
    this._popup = null;
}

//
// *** Update progress function ***
//

function onUpdating() {
    // get the update progress div
    var updateProgressDiv = $get('updateProgressDiv');
    // make it visible
    updateProgressDiv.style.display = '';

    //  get the panel element        
    //  var targetPanel = $get('ctl00_DPContentPlaceHolder1_targetPanel');    
    var targetPanel = $get('targetPanelDiv');

    // get the bounds of both the target panel and the progress div
    var targetPanelBounds = Sys.UI.DomElement.getBounds(targetPanel);
    var updateProgressDivBounds = Sys.UI.DomElement.getBounds(updateProgressDiv);

    //    do the math to figure out where to position the element (the center of the gridview)
    var x = targetPanelBounds.x + Math.round(targetPanelBounds.width / 2) - Math.round(updateProgressDivBounds.width / 2);
    var y = targetPanelBounds.y + Math.round(targetPanelBounds.height / 2) - Math.round(updateProgressDivBounds.height / 2);

    //    set the progress element to this position
    Sys.UI.DomElement.setLocation(updateProgressDiv, x, y);
}

function onUpdated() {
    // get the update progress div
    var updateProgressDiv = $get('updateProgressDiv');
    // make it invisible
    updateProgressDiv.style.display = 'none';
}