/* ============================================================================
	colorOverlay ver 1.0
============================================================================ */
(function($) {
	$.fn.colorOverlay = function(settings) {
		settings = jQuery.extend({
			BgColor	: '#000',
			Opacity	: 0.7
		}, settings);
		var ccss = {
			cursor		: "pointer",
			position	: "absolute",
			display		: "inline-block",
			top			: 0,
			left		: 0
		}
		var tcss = {
			display		: "inline-block",
			position	: "relative"
		}
		$(this).css(tcss);
		$(this).hover(function() {
			var img = $(this).find('img');
			var w = img.width();
			var h = img.height();
			if(img.css("border-width") != "0px") {
				ccss.top	= Number(img.css("border-top-width").replace("px", ""));
				ccss.left	= Number(img.css("border-left-width").replace("px", ""));
			}
			$(this).css(tcss);
			$(this).append('<span class="balpha"></span>');
			var span = $(this).find("span.balpha");
			var ie6only = settings.Opacity * 100;
			span.css({
				"filter"			: 'alpha(opacity=' + ie6only + ')',
				"-moz-opacity"		: settings.Opacity,
				"opacity"			: settings.Opacity,
				"width"				: w,
				"height"			: h,
				"background-color"	: settings.BgColor
			});
			span.css(ccss);
			img.css(tcss);
		},function() {
			$(this).find("span.balpha").remove();
		});
	}
})(jQuery);