<public:component>
<public:attach event="onpropertychange" onevent="doFix()" />
<script type="text/javascript">
	// IE5.5+ PNG Alpha Fix v1.0RC3
	// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
	// This is licensed under the CC-GNU LGPL, version 2.1 or later.
	// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
	// This must be a path to a blank image. That's all the configuration you need.
	var blankImg = 'http://images.apple.com/global/elements/blank.gif';
	var f = 'DXImageTransform.Microsoft.AlphaImageLoader';

	function filt(s, m) {
		return 'progid:' + f + '(src="' + s + '",sizingMethod="' + m + '")';
	}

	function doFix() {
		// Assume only IE5 and IE6 don't work with PNGs
		if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent)) {
			return;
		}

		// do some basic checking to make sure:
		// * we're doing this on a PNG,
		// * we're not doing this 2x,
		// * and we're in the promo section
		if ((/\.png$/i).test(src) && src.indexOf('?repurl=') == -1 && tagName == 'IMG' && element.parentNode.tagName == 'A' && element.parentNode.parentNode.tagName == 'LI' && element.parentNode.parentNode.parentNode.parentNode.className == 'promos') {
			var div = document.createElement('div');

			div.style.position = 'absolute';
			var borders = parseInt(element.currentStyle.borderLeftWidth.replace('px', ''));
			div.style.left = element.offsetLeft + borders + 'px';
			borders += parseInt(element.currentStyle.borderRightWidth.replace('px', ''))
			div.style.width = element.offsetWidth + borders + 'px';

			var borders = parseInt(element.currentStyle.borderTopWidth.replace('px', ''));
			div.style.top = element.offsetTop + borders + 'px';
			borders += parseInt(element.currentStyle.borderBottomWidth.replace('px', ''));
			div.style.height = element.offsetHeight + borders + 'px';

			div.style.filter = filt(src, 'image');
			element.parentNode.parentNode.style.position = 'relative';
			element.parentNode.appendChild(div);
			src = blankImg + '?repurl=' + src;
		}
	}
	doFix();
</script>
</public:component>
