// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 31-May-2004

// *************************************************
// This extended version includes imagemap
// and input image functionality.
// It also requires a 1px transparent GIF
// *************************************************

var strGif = "/design/pixel2.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);