/*!
reflection.js for jQuery v1.02
(c) 2006-2008 Christophe Beyls <http://www.digitalia.be>
MIT-style license.
*/
(function($) {
$.fn.extend({
reflect: function(options) {
	options = $.extend({
	height: 0.33,
	opacity: 0.5
	}, options);
	return this.unreflect().each(function() {
	var img = this;
	if (/^img$/i.test(img.tagName)) {
		function doReflect() {
		var reflection, reflectionHeight = Math.floor(img.height * options.height), wrapper, context, gradient;
		if ($.browser.msie) {
			reflection = $("<img />").attr("src", img.src).css({
			width: img.width,
			height: img.height,
			marginBottom: -img.height + reflectionHeight,
			filter: "flipv progid:DXImageTransform.Microsoft.Alpha(opacity=" + (options.opacity * 100) + ", style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=" + (options.height * 100) + ")"
			})[0];
		} else {
			reflection = $("<canvas />")[0];
			if (!reflection.getContext) return;
			context = reflection.getContext("2d");
			try {
			$(reflection).attr({width: img.width, height: reflectionHeight});
			context.save();
			context.translate(0, img.height-1);
			context.scale(1, -1);
			context.drawImage(img, 0, 0, img.width, img.height);
			context.restore();
			context.globalCompositeOperation = "destination-out";
			gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
			gradient.addColorStop(0, "rgba(255, 255, 255, " + (1 - options.opacity) + ")");
			gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
			context.fillStyle = gradient;
			context.rect(0, 0, img.width, reflectionHeight);
			context.fill();
			} catch(e) {
			return;
			}
		}
		$(reflection).css({display: "block", border: 0});
		wrapper = $(/^a$/i.test(img.parentNode.tagName) ? "<span />" : "<div />").insertAfter(img).append([img, reflection])[0];
		wrapper.className = img.className;
		$.data(img, "reflected", wrapper.style.cssText = img.style.cssText);
		// $(wrapper).css({width: img.width, height: img.height + reflectionHeight, overflow: "hidden"});
		$(wrapper).css({width: img.width, height: img.height + reflectionHeight});
		//img.style.cssText = "display: block; border: 0px";
		img.style.cssText = "display: block;";
		img.className = "reflected";
		}
		if (img.complete) doReflect();
		else $(img).load(doReflect);
	}
	});
},
unreflect: function() {
	return this.unbind("load").each(function() {
	var img = this, reflected = $.data(this, "reflected"), wrapper;
	if (reflected !== undefined) {
		wrapper = img.parentNode;
		img.className = wrapper.className;
		img.style.cssText = reflected;
		$.removeData(img, "reflected");
		wrapper.parentNode.replaceChild(img, wrapper);
	}
	});
}
});
})(jQuery);