/*
	pngify 1.1 moo | IE6 PNGs with moo.fx

	Author: Joel Nagy
	www: joelnagy.com

	Explanation:
		If you are using PNGs in <img>s or <input>s then do nothing special
		If you are using PNGs with no extension then apply class "pngimg" to all <img>s or <input>s with a png src attribute
		If you are using elements with png backgrounds applied via CSS use class "png"
		If there are some <img>s or <input>s that are PNGs but for somereason you do not want them to be pngified then use class "nopng"
		If you want to only use classes to identify what to pngify then set $ALLPNGS to false either in this file or in a <script> tag after loading this file
*/
var $ALLPNGS = true;
var EMPTYGIF = '/news/x/images/empty.gif' // transparent pixel gif

function _pngify(mooElement, img, w, h, repeat) {
	try {
		if(!img.contains("images/spacer.png")) {
			mooElement.setStyle("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ img +"', sizingMethod='"+ repeat +"')");
			if (w != null && h != null) {
				if (parseInt(w) == w) w = w +'px';
				if (parseInt(h) == h) h = h +'px';
				mooElement.setStyle("width", w);
				mooElement.setStyle("height", h);
			}
			//mooElement.setStyle("zoom", "100%"); // sometimes this makes things show up better in IE when it acts crazy
		}
	} catch(e) { }
}

function _wrapperdiv(height) {
	height = height != null? height: 0;
	$x = new Element('div', { 'style': {
			'position': 'relative',
			'display': 'block',
			'height': height +'px',
			'margin': '0',
			'padding': '0'
		} });
	return $x;
}

function _pngBG(png, bg, repeat) {
	var top = left = 0;
	var $png = $(png);
	var posx = png.currentStyle['backgroundPositionX'];
	var posy = png.currentStyle['backgroundPositionY'];
	var w = parseInt($png.getStyle('width'));
	var h = parseInt($png.getStyle('height'));
	var image = new Image();
	image.src = bg;

	// prep base image
	$png.setStyle('background-image', 'url('+ EMPTYGIF +')'); // replace with empty image
	var $x = _wrapperdiv(image.height);
	if (repeat == 'scale')
		_pngify($x, bg, w, h, repeat); // allows for images that are set to repeat to make a nice background if done correctly
	else
	_pngify($x, bg, image.width, image.height, repeat); // all non-repeating images MUST have no-repeat set

	$png.setStyle('position', 'relative');
	$x.setStyle('position', 'absolute');

	// modify positioning
	if (posx == 'center' || posx == '50%') {
		left = parseInt((w - image.width) / 2);
		$x.setStyle('left', left +'px');
	} else if (posx.indexOf('px') > 0) {
		$x.setStyle('left', posx);
	} else if (posx == 'right') {
		right = (w - parseInt(image.width));
		$x.setStyle('left', right +'px');
	} // else left
	if (posy == 'center' || posy == '50%') {
		top = parseInt((h - image.width) / 2);
		$x.setStyle('top', top +'px');
	} else if (posy == 'bottom') {
		top = -1 * (parseInt(image.height) - h)
		$x.setStyle('top', top +'px');
	} else if (posy.indexOf('px') > 0) {
		$x.setStyle('top', posy);
	} // else top

	// IE6 doesn't clip properly like IE7
	if (image.height > h || posy.indexOf('-') >= 0 || image.width > w || posx.indexOf('-') >= 0 || parseInt(posy) + image.height > h || parseInt(posx) + image.width > w) {
		clip_left = posx == 'right' && image.width > w? image.width - w: posx.indexOf('-') >= 0? -1*parseInt(posx): 0;
		clip_top = posy == 'bottom' && image.height > h? image.height - h: posy.indexOf('-') >= 0? -1*parseInt(posy): 0;
		clip_bottom = parseInt(posy) + image.height > h? h - parseInt(posy): image.height;
		clip_right = parseInt(posx) + image.width > w? w - parseInt(posx): image.width;
		$x.setStyle("clip", "rect("+ clip_top +" "+ clip_right +" "+ clip_bottom +" "+ clip_left +")");
	}

	// inject the elements wrapped nicely
	$a = new Element('div');
	$a.setStyle('overflow', 'hidden');
	$a.setStyle('position', 'relative');
	$a.injectBefore($png);
	$x.injectInside($a);
	$png.injectInside($a);
}

function _prepIMG(PNG, specificClass) {
	try { 
		specificClass = specificClass == null? '': specificClass;

		for (var i=0, l=PNG.length; i < l; i++) {
			var $png = $(PNG[i]);
			if ($png.getTag() == 'img' || $png.getTag() == 'input') {
				var img = $png.getProperty('src');
				var className = $png.getProperty('class');
				if (img.lastIndexOf(EMPTYGIF) >= 0 || className.indexOf("nopng") >= 0 || (specificClass == '' && img.lastIndexOf('.png') < 0) || (specificClass != '' && className.indexOf(specificClass) < 0))
					continue;  // if the class to check does not exist or the img extension is not png then move on
				var w = parseInt($png.getProperty('width'));
				var h = parseInt($png.getProperty('height'));

				// handle the src png
				$png.setProperty('src', EMPTYGIF);
				_pngify($png, img, w, h, 'crop'); // filter set png background
			}
		} //: for (i)
	} catch (e) { }
}

window.addEvent('domready', function() {
	if (window.ie && !window.ie7) { // only IE < 7
		try {
			_prepIMG($ES(".pngimg"), "pngimg"); // only cares about this class
			if ($ALLPNGS) {
				_prepIMG($ES("img")); // <img>s with pngs and no class
				_prepIMG($ES("input")); // <input>s with pngs and no class
			}

			var PNG = $ES(".png"); // all elements that contain class "png" and background style pngs
			for (var j=0, k=PNG.length; j < k; j++) {
				var repeat = 'crop';
				var png = PNG[j];
				var $png = $(png);
				var bg = ($png.getStyle('background-image')).toString().replace(/^url\(["']*([^)'"]*)["']*\)$/, '$1');
				if (bg != null && bg != '') {
					repeat = ($png.getStyle('background-repeat')).indexOf('no-repeat') >= 0? 'crop': 'scale';
					_pngBG(png, bg, repeat);
				}
			} //: for (j)
		} catch (e) {}
	} //: if(msie)
});