/* // Left here for reference
function correctPNG() {
   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
	  }
   }
}*/


/* Correctly handle PNG alpha channel for Windows IE 5.5+
 * based on above script from http://homepage.ntlworld.com/bobosala
 * Changed to capture all specified attributes in the image.
 * 
 * Author: Mike Nishizawa
 * 06/16/2006
 */
function smartPngFix() {
    for(var j=0; j<document.images.length; j++) {
	  var img = document.images[j];
	  var imgName = img.src.toUpperCase();
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
          var strNewHTML = imgToSpan(img);
          img.outerHTML = strNewHTML;
      }
    }
}


function imgToSpan(element) {
    var attrs = element.attributes;
    
    var attrString ="";
    var styleString = "display:inline-block; ";
    var clickable = false;
    var widthSet = false;
    var heightSet = false;
    
    for(var i = 0; i < attrs.length; i++) {
        //alert(attrs[i].nodeName +" = " + attrs[i].nodeValue);
        if(attrs[i].nodeValue) {
            //need to cath certain values and handle appropriately
            switch(attrs[i].nodeName.toLowerCase()) {
                case "style":
                    styleString += attrs[i].nodeValue + "; ";
                    break;
                case "height":
                    styleString += "height:"+attrs[i].nodeValue + "; ";
                    heightSet = true;
                    break;
                case "width":
                    styleString += "width:" + attrs[i].nodeValue + "; ";
                    widthSet = true;
                    break;
                case "align":
                    styleString += " float:" + attrs[i].nodeValue;
                    break;
                case "alt":
                case "title":
                    attrString += "title=\"" + attrs[i].nodeValue + "\" ";
                    break;
                case "src":
                    styleString += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + attrs[i].nodeValue + "', sizingMethod='scale'); ";
                    break;
                case "onclick":
                    clickable = true;
                    //no break here by design, needs to move into the default section
                default:
                    attrString += attrs[i].nodeName + "=\"" + attrs[i].nodeValue + "\" ";
                    break;
            }
            
        }
    }
    
    if (element.parentElement.href || clickable) styleString += "cursor:hand; ";
    if (!heightSet) styleString += "height:"+ element.height;
    if (!widthSet) styleString += "width:"+ element.width;
    
    attrString = "<span " + attrString + " style=\"" + styleString + "\"></span>";
    
    return attrString;
}

if(window.attachEvent) {
	// iff attachEvent is available on this browser(IE)
	window.attachEvent("onload", smartPngFix);
}