// After body loads check all images to see if the sucessfully loaded
window.onload = BrokenImageCheck;

function correctPNG()
{
    var arVersion=navigator.appVersion.split("MSIE");
    var version=parseFloat(arVersion[1]);
    if ((version >= 5.5) && (document.body.filters)) 
    {
        for (var i = 0; i < document.images.length; i++) 
        {
            var img = document.images[i];
            var imgName = img.src.toUpperCase();
            if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") 
            {
                var imgID = (img.id) ? "id='" + img.id + "' " : "";
                var imgClass = (img.className) ? "class='" + img.className + "' " : "";
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
                var imgStyle = "display:inline-block;" + img.style.cssText;
                if (img.align == "left")
                    imgStyle = "float:left;" + imgStyle;
                if (img.align == "right")
                    imgStyle = "float:right;" + imgStyle;
                if (img.parentElement.href)
                    imgStyle = "cursor:hand;" + imgStyle;
                var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
                img.outerHTML = strNewHTML; i = i - 1;
            }
        }
    }
}

function ImageOk(img) {
    // Body has finished loading so if img is not complete then
    // you  have a broken image so return false - image is not ok
    if (!img.complete) return false;

    // if naturalWidth is undefined or zero then the image failed to load
    // so return false - image is not ok
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) return false;

    // Passed all checks - image succeeded in loading - image is ok
    return true;
}
function BrokenImageCheck() {
    // Name of image to replace broken image icon with
    var replacementImg = "/Content/Global/Images/missingimage.gif";

    // Loop through all images in the document
    for (var i = 0; i < document.images.length; i++) {
        // If image did not finish loading
        if (!ImageOk(document.images[i])) {
            document.images[i].src = replacementImg;
            //document.images[i].style.display = "none";
        }
    }
}
function onImgError(source) {
    source.src = "/Content/Global/Images/missingimage.gif";
    // disable onerror to prevent endless loop
    source.onerror = "";
    return true;
}