/*


Hi! Leuk dat je hier bent. Je wil zeker weten hoe die fades werken? Simpel, met Mootools. Check www.mootools.net maar eens.
Mocht je advies of directe implementatie willen? Check dan www.monko.nl maar eens. 

Met gevleugelde groet,
Ramon

www.mijnnaamisramon.nl - voor als het echt Ramon moet zijn

*/

var x= 0;
var timer;
function doodLoper(aantal){
	x = x + 1;
	//Dit gaat met een teller, anders krijg je dit gelijk
	if(x == 2){
		toonDood(aantal);
	}
	timer = setTimeout('doodLoper(' + aantal + ')',6000);			

}		

function stopDeDood(){
	clearTimeout(timer);
}

function toonLevend(){
	var content = $('content');
	var footer = $('footer');
	content.fade(0);
	(function(){
		content.set('html','<div class="levend"><h2>Gefeliciteerd!</h2>Je kan <strong>klikken</strong>, ergo je <strong>leeft</strong> nog!<br />Hoera voor jou! Wat ontzettend fijn!<br /><div class="spacer">&nbsp;</div>En nu hup,... maak er wat van!</div>');
	}).delay(500);	
	(function(){
		content.fade(1);		
	}).delay(900);
	(function(){
		footer.fade(1);		
	}).delay(5000);	
}

function toonDood(aantal){
	//alert(aantal)
	
	var content = $('content');
	var footer = $('footer');
	content.fade(0);
	(function(){
		content.set('html','<div class="dood"><h2>Sorry</h2>Maar het ziet er naar uit dat je dood bent.<br />Als klikken al niet lukt,...<div class="kleiner">Wel opvallend, er zijn er al ' + aantal + ' dode mensen op deze site geweest,...</div></div>');
	}).delay(500);	
	(function(){
		content.fade(1);
	}).delay(900);
	(function(){
		footer.fade(1);		
	}).delay(3600);		
	
	var url = 'ajax-statistieken.inc.php';

	var req = new Request.HTML({
				url: url,
				method: 'get',
				data: {
				},
				onRequest: function (){
				},
				onComplete: function (response){					
				}
	}).send();
	
}