document.addEvent('keydown', function(e){
	e = new Event(e);
	
	// code 39 is rechts
	if(e.code == 39){
		if($('volgendelink')){
			var link = $('volgendelink').get('href');
			window.location.href = link;
		}
	}
	
	
	// code 37 is links
	if(e.code == 37){
		if($('vorigelink')){
			var link = $('vorigelink').get('href');
			window.location.href = link;
		}
	}
	
	/*
	//40 is onder
	if(e.code == 40){
		var albumblok = $('albumkeuzeblok');
		var sluitknop = $('albumbloksluit');

		var dezemorph = new Fx.Morph(albumblok, {
			duration: 200, 
			transition: Fx.Transitions.Sine.easeOut
		});
		
		
		dezemorph.start({
			'top' : '-10px'			
		});
	}
	
	//38 is boven
	if(e.code == 38){
		var albumblok = $('albumkeuzeblok');
		var sluitknop = $('albumbloksluit');

		var dezemorph = new Fx.Morph(albumblok, {
			duration: 200, 
			transition: Fx.Transitions.Sine.easeOut
		});
		
		
		dezemorph.start({
			'top' : '-800px'			
		});
	}
	*/


	

})

window.addEvent('domready', function(){				
	
	var customTips = $$('.tooltip');
	var toolTips = new Tips(customTips, {
	    className: 'tooltip'
	});
	
	/*
	konami = new Konami(function(){

		$('body').setStyle('background',' url("' + host() + '/plaatjes/achtergrondanim.gif")')

            
    });


	*/

	if($('kop')){
		var rotate = new Fx.Rotate($('kop'));
		rotate.set(-8);
	}
	
	
	if($('calltoaction')){
		var rotate = new Fx.Rotate($('calltoaction'));
		rotate.set(-6);
	}
	
	

	if($('fotoblok')){
		
		var fotokader = $('fotokader');
		var fotokaderClass = fotokader.get('class');
		var stijl = fotokaderClass.substr(10,30);
		var rotateNummer = new Fx.Rotate($('nummerblok'));
		var rotateTitel = new Fx.Rotate($('titelblok'));
		var rotateBeschrijving = new Fx.Rotate($('beschrijvingblok'));

		
		var random = Math.floor((10) * Math.random()) + 5;
		rotateNummer.set(random);
		
		
		var random = Math.floor((10) * Math.random()) + 5;
		rotateTitel.set(-random);
		var random = Math.floor((5) * Math.random()) + 2;
		rotateBeschrijving.set(random);
	}
	
	if($('volgendetitel')){
		var random = Math.floor((10) * Math.random()) + 5;
		var rotateTitel = new Fx.Rotate($('volgendetitel'));
		rotateTitel.set(-random);
	}
	
	if($('vorigetitel')){
		var random = Math.floor((10) * Math.random()) + 5;
		var rotateTitel = new Fx.Rotate($('vorigetitel'));
		rotateTitel.set(random);
	}
	
	
	if($$('.thumbtitelblok') != ''){
		$$('.thumbtitelblok').each(function(thumbtitelblok){
			var posneg = Math.floor((2) * Math.random());
			if(posneg == 1){
				var waarde = '';
			}else{
				var waarde = '-';
			}
			var random = Math.floor((10) * Math.random()) + 3;
			var rotateTitel = new Fx.Rotate(thumbtitelblok);
			rotateTitel.set(waarde + random);
		});
		
	}
	
	if($$('.thumbnummerblok') != ''){
		$$('.thumbnummerblok').each(function(thumbnummerblok){
			var posneg = Math.floor((2) * Math.random());
			if(posneg == 1){
				var waarde = '';
			}else{
				var waarde = '-';
			}
			var random = Math.floor((10) * Math.random()) + 3;
			var rotateNummer = new Fx.Rotate(thumbnummerblok);
			rotateNummer.set(waarde + random);
		});
		
	}
	
	
	
	if($('overzichtoverlay')){
		
		var overlay = $('overzichtoverlay');
		var knop = $('overlayknop');
		
		
		
			var dezemorph = new Fx.Morph(overlay, {
				duration: 200, 
				transition: Fx.Transitions.Sine.easeOut
			});
			
			
			knop.addEvents({
				'mouseenter' : function(){
					knop.addClass('hover');
				},
				'mouseleave' : function(){
					knop.removeClass('hover');
				},
				'click' : function(){
					
					var knoprotate = new Fx.Rotate(knop, {
					    duration: 600,
					    transition: Fx.Transitions.Back.easeInOut
					});
					var status = knop.get('class');
					var status = status.substr(0,11);
					var overlaytekst = $('overlaytekst');
					var siteoverlay = $('siteoverlay');
					
					if(status == 'eerstestaat'){
						knop.removeClass('eerstestaat');					
						knop.addClass('tweedestaat');					
						knoprotate.start(-180);					
						dezemorph.start({
							'top' : '-10px'			
						});
						overlaytekst.setStyle('background-position','0 0');
						siteoverlay.setStyle('visibility','visible');
						siteoverlay.setStyle('opacity','0.4');
						siteoverlay.setStyle('display','block');	
					}
					
					if(status == 'tweedestaat'){
						knop.removeClass('tweedestaat');					
						knop.addClass('eerstestaat');					
						knoprotate.start(0);					
						dezemorph.start({
							'top' : '-494px'			
						});
						overlaytekst.setStyle('background-position','0 26px');
						siteoverlay.setStyle('visibility','hidden');
						siteoverlay.setStyle('opacity','0');
						siteoverlay.setStyle('display','none');
					}
				}
			});
	}
});