<public:component>
 <public:attach event="onpropertychange" for="element" onEvent="propertyChanged()" />
 <script language="JavaScript">

	var needHack = needHack();
	//var root = getRelativePath();
	//alert(root);
	var transparentImage = "../images/transparent.gif";
	
	pngHack();
	
	function propertyChanged()
	{
		if (event.propertyName == "src")
			pngHack();
	}

	function pngHack()
	{
		if (!needHack)
			return;

		var src = element.src;

		if (src.indexOf(transparentImage) != -1)
			return; // Already fixed

		if (src.indexOf("png") == -1) // There's got to be a better check than this!
		{
			element.runtimeStyle.filter = "";
			return;
		}

		element.src = transparentImage;
		element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='NULL')";
	}

	function needHack()
	{
		var pos = navigator.userAgent.indexOf("MSIE ");

		if (pos == -1)
			return false;

		var version = navigator.userAgent.substring(pos + 5);

		return (((version.indexOf("5.5") == 0) || (version.indexOf("6") == 0)) && (navigator.platform == ("Win32")));
	}


 </script>
</public:component>
