var ophoger1;
var ophoger2;
var hoogte_rt = null;
if (!document.myGetElementsByClassName) {
	document.myGetElementsByClassName = function(className) {
		var nazaten = document.getElementsByTagName('*') || document.all;
		var onderdelen = [];
		for (ophoger1 = 0; ophoger1 != nazaten.length; ophoger1++) {
			var nazaat = nazaten[ophoger1];
			var classNames = nazaat.className.split(' ');
			for (ophoger2 = 0; ophoger2 != classNames.length; ophoger2++) {
				if (classNames[ophoger2] == className) {
					onderdelen.push(nazaat);
					break;}}}
		return onderdelen;};}
var wat_opties;
var natvloertje = {
	standaard_hoogte : 0.3,
	standaard_doorzichtigheid: 0.5,
	add: function(plaatje, keuzes) {
		natvloertje.remove(plaatje);
		wat_opties = { "height" : natvloertje.standaard_hoogte, "opacity" : natvloertje.standaard_doorzichtigheid };
		if (keuzes) {
			for (var ophoger1 in wat_opties) {
				if (!keuzes[ophoger1]) {
					keuzes[ophoger1] = wat_opties[ophoger1];}}}
		else {keuzes = wat_opties;}
		try {
			var d = document.createElement('div');
			var p = plaatje;
			var classes = p.className.split(' ');
			var newClasses = '';
			for (ophoger2=0;ophoger2 != classes.length;ophoger2++) {
				if (classes[ophoger2] != "nat") {
					if (newClasses) {
						newClasses += ' ';
					}
					newClasses += classes[ophoger2];}}
			var hoogte_spiegel = Math.floor(p.height*keuzes.height);
			var divhoogte = Math.floor(p.height*(1+keuzes.height));
			var spiegelbreedte = p.width;
			if (document.all ) {
				if(p.parentElement.tagName == 'A') {
					d = document.createElement('a');
					d.href = p.parentElement.href;
				}  
				d.className = newClasses;p.className = 'gespiegeld';
				d.style.cssText = p.style.cssText;p.style.cssText = 'vertical-align: bottom';
				var spiegeltje = document.createElement('img');spiegeltje.src = p.src;
				spiegeltje.style.width = spiegelbreedte+'px';spiegeltje.style.display = 'block';
				spiegeltje.style.height = p.height+"px";spiegeltje.style.marginBottom = "-"+(p.height-hoogte_spiegel)+'px';
				spiegeltje.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(keuzes.opacity*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(keuzes.height*100)+')';
				d.style.width = spiegelbreedte+'px';d.style.height = divhoogte+'px';
				p.parentNode.replaceChild(d, p);d.appendChild(p);d.appendChild(spiegeltje);}
				else {
					var canvas = document.createElement('canvas');
					if (canvas.getContext) {
						d.className = newClasses;p.className = 'gespiegeld';d.style.cssText = p.style.cssText;
						p.style.cssText = 'vertical-align: bottom';var alleinhoud = canvas.getContext("2d");
						canvas.style.height = hoogte_spiegel+'px';canvas.style.width = spiegelbreedte+'px';
						canvas.height = hoogte_spiegel;canvas.width = spiegelbreedte;
						d.style.width = spiegelbreedte+'px';d.style.height = divhoogte+'px';
						p.parentNode.replaceChild(d, p);d.appendChild(p);d.appendChild(canvas);
						alleinhoud.save();alleinhoud.translate(0,plaatje.height);
						alleinhoud.scale(1,-1);alleinhoud.drawImage(plaatje, 0, 0, spiegelbreedte, plaatje.height);
						alleinhoud.restore();alleinhoud.globalCompositeOperation = "destination-out";
						var gradient = alleinhoud.createLinearGradient(0, 0, 0, hoogte_spiegel);
						gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
						gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-keuzes.opacity)+")");
						alleinhoud.fillStyle = gradient;alleinhoud.rect(0, 0, spiegelbreedte, hoogte_spiegel*2);alleinhoud.fill();}}}
				 catch (e) {}},
			remove : function(plaatje) {
			if (plaatje.className == "gespiegeld") {
				plaatje.className = plaatje.parentNode.className;
				plaatje.parentNode.parentNode.replaceChild(plaatje, plaatje.parentNode);}}};
function voegspiegeltoe() {
	var spiegel_plaatje = document.myGetElementsByClassName('nat');
	for (ophoger1=0;ophoger1!=spiegel_plaatje.length;ophoger1++) {
		var doorschijning = null;
		var classes = spiegel_plaatje[ophoger1].className.split(' ');
		for (ophoger2=0;ophoger2!=classes.length;ophoger2++) {
			if (classes[ophoger2].indexOf("hoogte_rt") === 0) {
				hoogte_rt = classes[ophoger2].substring(7)/100;}
			else if (classes[ophoger2].indexOf("doorschijning") === 0) {
				doorschijning = classes[ophoger2].substring(8)/100;}}
		natvloertje.add(spiegel_plaatje[ophoger1], { height: hoogte_rt, opacity : doorschijning});}}
var vorigekeer = window.onload;
window.onload = function () { if(vorigekeer) {vorigekeer();} voegspiegeltoe(); };