var fID;
var fs = 1;

function addEvent (el, ev, fn) {
	if (window.addEventListener) {
		el.addEventListener(ev, fn, true);
		return true;
	} else if (window.attachEvent) {
		var r = el.attachEvent("on" + ev, fn);
		return r;
	} else {
		el["on" + ev] = fn;
	}
}

function toHex(dec) {
	
	dec = parseInt(dec, 10);
	if (!isNaN(dec)) {
		hexChars = "0123456789ABCDEF";
		if (dec > 255) {
			return false;
		}
		var i = dec % 16;
		var j = (dec - i) / 16;
		result = "";
		result += hexChars.charAt(j) + hexChars.charAt(i);
		return result;
	} else {
		return false;
	}
}


function init() {
//	startShowWords();
}

function startShowWords() {
	clearTimeout(fID);
	
	var ban = document.getElementById("bottom");
	ban.innerHTML = "";
	
	var s = document.createElement("span");
	s.id="willewoord";
	s.style.position = "absolute";
	var l = Math.random() * parseInt(ban.offsetWidth - 100);
	var t = Math.random() * parseInt(ban.offsetHeight - 30);
	s.style.left = l + 'px';
	s.style.top = t + 'px';
	s.style.fontSize = "1px";
	s.style.color = "#CCC";
	ban.appendChild(s);
	s.innerHTML = woorden[startWoord];
	var w = woorden[startWoord];
	
	fadeIn();
	
	
	startWoord ++;
	if (startWoord > aantal - 1) {
		startWoord = 0;
	}
}

function fadeIn() {
	
	var el = document.getElementById('willewoord');
//	var f = Number(parseInt(el.style.fontSize));
	fs += 0.2;
	
	if (fs >= 40) {
		fs = 40;
	}
	
	var presentRGB = document.getElementById('willewoord').style.color;
	
	if (presentRGB.indexOf('#') > -1) {
		var presentR = presentRGB.substr(1,2);
		presentR = parseInt(presentR, 16);
		var presentG = presentRGB.substr(3,2);
		presentG = parseInt(presentG, 16);
		var presentB = presentRGB.substr(5,2);
		presentB = parseInt(presentB, 16);
	} else {
		var colorArray = presentRGB.split(',');
		var presentR = parseInt(colorArray[0].substr(4));
		var presentG = parseInt(colorArray[1]); //.substring(1, 4);
		var presentB = parseInt(colorArray[2]); //.substring(1, 4);
	}
	
	if (presentR >= 0) {
		presentR-= 1;
	}
	
	if (toHex(presentR)) {
		var r = toHex(presentR);
	} else {
		var r = 0;
	}
	var kleur = "#" + r + r + r;

	document.getElementById('willewoord').style.color = kleur;

	
	if (presentR <= 0) {
		fs = 1;
		clearTimeout(fID);
		startShowWords();
		return;
	}
	
//	el.style.fontSize = Number(parseInt(f)) + 'px';
	el.style.fontSize = parseInt(fs) + 'px';
//	document.getElementById('content').innerHTML += el.style.fontSize + "<br />"
	fID = setTimeout(fadeIn, 5);
}




addEvent(window,"load", init);