var strGif = "transparentpixel.gif"; 
var strFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader"; 
var strLayer = "layer"; 

function correctPNG() 
{ 
   fixInlineImages(); 

   fixInputImages(); 


   fixBackgroundImages(); 
} 

function fixInlineImages(img) 
{ 
   var layerCount = 0; 

   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 = ""; 

         if (img.useMap) 
         { 
            var lowerLayer = strLayer + layerCount; 
            layerCount++; 
            var upperLayer = strLayer + layerCount; 
            layerCount++; 

            var leftPos = findPosX(img); 
            var topPos = findPosY(img); 

            strNewHTML = 
               "<span style=\"width:" + img.width + "px; height:" + img.height + "px;\"></span>" + 
               "<layer name=\'" + lowerLayer + "\'>" + 
                  "<span " + imgID + imgClass + imgTitle + " " + 
                     "style=\"position:absolute; top:" + topPos + "px; left:" + leftPos + "px; " + 
                     "width:" + img.width + "px; height:" + img.height + "px; " + imgStyle + "; " + 
                     "filter:" + strFilter + "(src=\'" + img.src + "\'," + "sizingMethod=\'scale\');\">" + 
                  "</span>" + 
               "</layer>" + 
               "<layer name=\'" + upperLayer + "\' above=\'" + lowerLayer + "\'>" + 
                  "<img style=\"position:absolute; top:" + topPos + "px; left:" + leftPos + "px; " + 
                     "width:" + img.width + "px; height:" + img.height + "px;\" " + 
                     "src=\'" + strGif + "\' usemap=\'" + img.useMap + "\' border='0'>" + 
               "</layer>"; 
         } 
         else 
         { 
            strNewHTML = 
               "<span " + imgID + imgClass + imgTitle + " " + 
                  "style=\"" + "width:" + img.width + "px; height:" + img.height + "px; " + imgStyle + "; " + 
                  "filter:" + strFilter + "(src=\'" + img.src + "\', sizingMethod='scale');\">" + 
               "</span>" 
         } 

         img.outerHTML = strNewHTML; 

         i = i - 1; 
      } 
   } 
} 

function findPosX(obj) 
{ 
   var curleft = 0; 

   if (obj.offsetParent) 
   { 
      while (obj.offsetParent) 
      { 
         curleft += obj.offsetLeft 
         obj = obj.offsetParent; 
      } 
   } 
   else if (obj.x) 
   { 
      curleft += obj.x; 
   } 

   return curleft; 
} 

function findPosY(obj) 
{ 
   var curtop = 0; 

   if (obj.offsetParent) 
   { 
      while (obj.offsetParent) 
      { 
         curtop += obj.offsetTop 
         obj = obj.offsetParent; 
      } 
   } 
   else if (obj.y) 
   { 
      curtop += obj.y; 
   } 

   return curtop; 
} 

function fixInputImages() 
{ 
   for (i=0; i < document.forms.length; i++) 
   { 
      fixInputImage(document.forms(i)); 
   } 
} 

function fixInputImage(oParent) 
{ 
   var oChildren = oParent.children; 

   if (oChildren) 
   { 
      for (var i=0; i < oChildren.length; i++ ) 
      { 
         var oChild = oChildren(i); 

         if ((oChild.type == 'image') && (oChild.src)) 
         { 
            var origSrc = oChild.src; 

            oChild.src = strGif; 
            oChild.style.filter = strFilter + "(src='" + origSrc + "')"; 
         } 
          
         fixInputImage(oChild); 
      } 
   } 
} 

function fixBackgroundImages() 
{ 
   for (i=0; i < document.all.length; i++) 
   { 
      var bg = document.all[i].currentStyle.backgroundImage; 

      if (bg) 
      { 
         if (bg.match(/\.png/i) != null) 
         { 
            var bgPNG = bg.substring(5,bg.length-2); 

            document.all[i].style.filter = strFilter + "(src='" + bgPNG + "', sizingMethod='crop')"; 
            document.all[i].style.backgroundImage = "none"; 
         } 
      } 
   } 
} 

window.attachEvent("onload", correctPNG);