<public:component lightweight="true">
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<script>


var supported = /MSIE (5\.5|6)/.test(navigator.userAgent) && navigator.platform == "Win32" && /png/.test(element.src);
var realSrc;
var blankSrc = "/img/global/spacer.gif";

if (supported) fixImage();


//alert("in HTC Component");

function propertyChanged() {
	if (!supported) return;
	
	//alert("in propertyChanged");
	var pName = event.propertyName;
	if (pName != "src") return;
	// if not set to blank
	if ( ! new RegExp(blankSrc).test(src))
		fixImage();
};

function fixImage() {
	
	//alert("in fixImage");
  var img = new Image();
	var src = element.src;
  img.onload = function(){
	  // check for real change
	  if (src == realSrc) {
		  element.src = blankSrc;
		  return;
	  }

	  if ( ! new RegExp(blankSrc).test(src)) {
		  // backup old src
		  realSrc = src;
	  }

	  // test for png
	  if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
		  // set blank image
		  element.src = blankSrc;
		  element.style.height=img.height;
		  element.style.width=img.width;
		  element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
		  element.style.visibility="visible";
	  }
	  else {
		  // remove filter
		  element.runtimeStyle.filter = "";
	  }
	}
	img.src = src;
}


</script>
</public:component>
