﻿
function doAjaxReplace(url, ID){

    var controlURL = "/return-user-control.aspx?control=user-controls%2F" + url;
    var elementID = "#" + ID;
    var innerDiv;

    $.ajax({
        method: "get",url: controlURL,
        success: function(html){
        
            var xmlDoc;
            var out;
            html = html.replace(/&/g, "&amp;");
        
            if (window.DOMParser)
            {
                parser = new DOMParser();
                xmlDoc = parser.parseFromString(html,"text/xml");
                var serializer = new XMLSerializer();
                out = serializer.serializeToString(xmlDoc.getElementsByTagName("div")[1]);
            }
            else // Internet Explorer
            {
                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.async = "false";
                xmlDoc.loadXML(html); 
                out = xmlDoc.getElementsByTagName("div")[1].xml;
            } 
        
            $(elementID).html(out.replace(/&amp;/g, "&"));
        }
    });
    
    // FF has text nodes as nodes
    if (document.getElementById(ID).childNodes[0].nodeType==3) 
    {
        innerDiv = document.getElementById(ID).childNodes[1].childNodes[1];
    } else {
        // IE
        innerDiv = document.getElementById(ID).firstChild.firstChild;
    }
    
    var replacementHeight = "height:" + (innerDiv.clientHeight - 37) + "px";
    var imgMargin = (innerDiv.clientHeight - 37) / 2;
    innerDiv.innerHTML = "<p style='" + replacementHeight + "; text-align:center;'><img src=\"/images/wait.gif\" alt=\"Please Wait\" style='float:none; margin:" + imgMargin + "px auto 0 auto;' /></p>";
    
    return false;
}

