//-------------------------------------------------------------------------------------------------------
//ClearTypeFadeTo / ClearTypeFadeIn / ClearTypeFadeOut
//
//Custom fade in and fade out functions for jQuery that will work around
//IE's bug with bold text in elements that have opacity filters set when
//also using Window's ClearType text rendering.
//
//New Parameter:
//bgColor    The color to set the background if none specified in the CSS (default is '#fff')
//
//Examples:
//$('div').ClearTypeFadeIn({ speed: 1500 });
//$('div').ClearTypeFadeIn({ speed: 1500, bgColor: '#ff6666', callback: myCallback });
//$('div').ClearTypeFadeOut({ speed: 1500, callback: function() { alert('Fade Out complete') } });
//
//Notes on the interaction of ClearType with DXTransforms in IE7
//http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx
(function($) {
	$.fn.ClearTypeFadeTo = function(options) {
		if (options)
			$(this)
					.show()
					.each(function() {
						if (jQuery.browser.msie) {
							// Save the original background color
							$(this).attr('oBgColor',
									$(this).css('background-color'));
							// Set the bgColor so that bold text renders
							// correctly (bug with IE/ClearType/bold text)
							$(this)
									.css(
											{
												'background-color' : (options.bgColor ? options.bgColor
														: '#fff')
											})
						}
					}).fadeTo(options.speed, options.opacity, function() {
						if (jQuery.browser.msie) {
							// ClearType can only be turned back on if this is a
							// full fade in or
							// fade out. Partial opacity will still have the
							// problem because the
							// filter style must remain. So, in the latter case,
							// we will leave the
							// background color and 'filter' style in place.
							if (options.opacity == 0 || options.opacity == 1) {
								// Reset the background color if we saved it
								// previously
								$(this).css(
										{
											'background-color' : $(this).attr(
													'oBgColor')
										}).removeAttr('oBgColor');
								// Remove the 'filter' style to restore
								// ClearType functionality.
								$(this).get(0).style.removeAttribute('filter');
							}
						}
						if (options.callback != undefined)
							options.callback();
					});
	};

	$.fn.ClearTypeFadeIn = function(options) {
		if (options)
			$(this).css( {
				opacity : 0
			}).ClearTypeFadeTo( {
				speed : options.speed,
				opacity : 1,
				callback : options.callback
			});
	};

	$.fn.ClearTypeFadeOut = function(options) {
		if (options)
			$(this).css( {
				opacity : 1
			}).ClearTypeFadeTo( {
				speed : options.speed,
				opacity : 0,
				callback : options.callback
			});
	};
})(jQuery);