/*

	reflection.js for mootools v1.0
	by Christophe Beyls (http://www.digitalia.be) - MIT-style license

*/



var Reflection = {


	add: function(img, options) {
		img = $(img);
		if(img.getTag() != 'img') return;
		img.preload = new Image();
		img.preload.onload = Reflection.reflect.pass([img, options]);
		img.preload.src = img.src;
	},


	remove: function(img) {

		img = $(img);
		if(img.preload) img.preload.onload = null;

		if((img.getTag() == 'img') && (img.className == 'reflected')) {

			img.className = img.parentNode.className;

			img.style.cssText = img.backupStyle;

			img.parentNode.replaceWith(img);

		}

	},

	reflect: function(img, options) {
		options = Object.extend({
			height: 0.33,
			opacity: 0.5
		}, options || {});


		Reflection.remove(img);

		var canvas, canvasHeight = Math.floor(img.height*options.height);



		if(window.ActiveXObject) {

			canvas = new Element('img').setProperty('src', img.src).setStyles({

				width: img.width+'px',

				marginBottom: '-'+(img.height-canvasHeight)+'px',

				filter: 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options.opacity*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options.height*100)+')'

			});

		} else {

			canvas = new Element('canvas').setStyles({width: img.width+'px', height: canvasHeight+'px'});

			if (!canvas.getContext) return;
		}


		var div = new Element('div').injectAfter(img).adopt(img).adopt(canvas);

		div.className = img.className;

		div.style.cssText = img.backupStyle = img.style.cssText;

		div.removeClassName('reflect').setStyles({width: img.width+'px', height: (canvasHeight+img.height)+'px'});

		img.style.cssText = 'vertical-align: bottom';

		img.className = 'reflected';
		if(window.ActiveXObject) return;


		var context = canvas.setProperties({width: img.width, height: canvasHeight}).getContext('2d');
		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';
		var gradient = context.createLinearGradient(0, 0, 0, canvasHeight);
		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, canvasHeight);
		context.fill();

	},



	addFromClass: function() {

		$A(document.getElementsByTagName('img')).each(function(img){
			if($(img).hasClass('reflect')) Reflection.add(img);

		});

	}

};



Element.extend({

	addReflection: function(options) { Reflection.add(this, options); return this; },

	removeReflection: function(options) { Reflection.remove(this, options); return this; }

});



// Gets initialized in YtTools.init()

// Window.onDomReady(Reflection.addFromClass);