document.addEvent('keydown', function(e){
	e = new Event(e);

	
	// code 37 is links
	if(e.code == 37){
		if($('volgendethumblink')){
			var link = $('volgendethumblink').get('href');
			window.location.href = link;
		}
	}
	
	
	// code 39 is rechts
	if(e.code == 39){
		if($('vorigethumblink')){
			var link = $('vorigethumblink').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(){				

	new SmoothScroll({ duration:700 }, window);
	
	var customTips = $$('.tooltip');
	var toolTips = new Tips(customTips, {
	    className: 'tooltip'
	});
	
	if($('albumhomeblokken')){

		var blokken = $$('.albumhomeblok');
		var titels = $$('div.albumhometiteloverlay');


		blokken.each(function(blok, i) {
			//blok.set('morph', {link : 'cancel'});
			
			var titel = blok.getElement('div.albumhometiteloverlay');
			var overlay = blok.getElement('div.albumhomeoverlay');
			var titellink = blok.getElement('a.titellink');

			
			var dezemorph = new Fx.Morph(blok, {
				duration: 200, 
				transition: Fx.Transitions.Sine.easeOut
			});
			
			blok.addEvents({
				'mouseenter' : function(){
			
					blok.setStyle('border-color','#999');
				
					// titels.each(function(titelding, k) {
					// 	if(k != i){
					// 		titelding.morph({
					// 			'top' : '170px',
					// 			'opacity' : '0.7'
					// 		});
					// 	}
					// });
					
					
					// dezemorph.start({
					// 		'border-color' : '#999'
					// });

				},
				'mouseleave' : function(){
					blok.setStyle('border-color','#FFF');
					
					// dezemorph.start({
					// 		'border-color' : '#FFF'
					// });
					
					// dezemorph.start({
					// 					'color' : '#FFF',
					// 					'background-color' : '#000'
					// 				
					// 				});
				}
			});
		});
		
		
		
	}


	if($('albumpaginering')){
		
		var paginaKnoppen = $$('span.albumpagina');
		var breedte = 303;
		var blokken = $$('.thumbspagina');
		var container = $('thumbscontainer');
		var fotonummers = $('fotonummers');
		var aantalPaginas = paginaKnoppen.length;
		var totaleBreedte = breedte * aantalPaginas;
		
		if($('pijlvolgende')){
			var volgende = $('pijlvolgende');
			var huidigepaginaId = $('thumbscontainer').getElement('div.actief').get('id');
			var huidigepagina = huidigepaginaId.substr(13,10);
			if(huidigepagina == aantalPaginas){
				volgende.addClass('volgendeinactief');
			}
			
			volgende.addEvents({
				'mouseenter' : function(){
					var huidigepaginaId = $('thumbscontainer').getElement('div.actief').get('id');
					var huidigepagina = huidigepaginaId.substr(13,10);
					if(huidigepagina < aantalPaginas){
						volgende.addClass('volgendehover');
					}
				},
				'mouseleave' : function(){
					volgende.removeClass('volgendehover');
				},
				'click' : function(){
				
					var huidigepaginaId = $('thumbscontainer').getElement('div.actief').get('id');
					var huidigepagina = huidigepaginaId.substr(13,10) * 1;

					var volgendePagina = huidigepagina + 1;

					if(volgendePagina == aantalPaginas){
						volgende.addClass('volgendeinactief');
					}

					if(volgendePagina > 1){
						vorige.removeClass('vorigeinactief');
					}

					if(volgendePagina <= aantalPaginas){

						var margin = (aantalPaginas - volgendePagina) * breedte;
						container.morph({
							'margin-left' : '-' + margin + 'px'
						});
						
						maakVanTot(volgendePagina);
						
						var key = aantalPaginas - volgendePagina;
						
						paginaKnoppen.removeClass('actief');
						paginaKnoppen[key].addClass('actief');
				
						blokken.removeClass('actief');
						blokken[key].addClass('actief');
					}
				}
			});
		}
		
		if($('pijlvorige')){
			var vorige = $('pijlvorige');	
			if(huidigepagina == 1){
				vorige.addClass('vorigeinactief');
			}
			
					
			vorige.addEvents({
				'mouseenter' : function(){
					var huidigepaginaId = $('thumbscontainer').getElement('div.actief').get('id');
					var huidigepagina = huidigepaginaId.substr(13,10);
					if(huidigepagina > 1){
						vorige.addClass('vorigehover');
					}
				},
				'mouseleave' : function(){
					vorige.removeClass('vorigehover');
				},
				'click' : function(){
				
					var huidigepaginaId = $('thumbscontainer').getElement('div.actief').get('id');
					var huidigepagina = huidigepaginaId.substr(13,10);
				
					var vorigePagina = huidigepagina - 1;


					if(vorigePagina == 1){
						vorige.addClass('vorigeinactief');
					}


					if(huidigepagina <= aantalPaginas){
						volgende.removeClass('volgendeinactief');
					}



					if(huidigepagina > 1){
						var margin = (totaleBreedte - ((huidigepagina - 1) * breedte));
				
						container.morph({
							'margin-left' : '-' + margin + 'px'
						});
						
						maakVanTot(vorigePagina);
				
						var key = aantalPaginas - vorigePagina;
				
						paginaKnoppen.removeClass('actief');
						paginaKnoppen[key].addClass('actief');
				
						blokken.removeClass('actief');
						blokken[key].addClass('actief');
					}
				}
			});
		}
		
		
		
		
		
		

		paginaKnoppen.each(function(knop, i) {
			
			var margin = i * breedte;
			var volgende = $('pijlvolgende');
			var vorige = $('pijlvorige');

			knop.addEvents({
				'mouseenter' : function(){
					knop.addClass('hover');
				},
				'mouseleave' : function(){
					knop.removeClass('hover');
				},
				'click' : function(){

					pag = aantalPaginas - i;

					if(pag > 1){
						vorige.removeClass('vorigeinactief');
					}else{
						vorige.addClass('vorigeinactief');
					}
					
					if(pag == aantalPaginas){
						volgende.addClass('volgendeinactief');
					}else{
						volgende.removeClass('volgendeinactief');
					}

					container.morph({
						'margin-left' : '-' + margin + 'px'
					});
					
					maakVanTot(pag);
					
					paginaKnoppen.removeClass('actief');
					knop.addClass('actief');
					
					blokken.removeClass('actief');
					blokken[i].addClass('actief');

				}
			});
		});
		
		
	}


	/*
	if($$('.albumkeuze') != ''){
		
		var albumblok = $('albumkeuzeblok');
		var sluitknop = $('albumbloksluit');

		$$('.albumkeuze').each(function(knop, i) {
		
		
			var dezemorph = new Fx.Morph(albumblok, {
				duration: 200, 
				transition: Fx.Transitions.Sine.easeOut
			});
		
		
			knop.addEvents({
				'mouseenter' : function(){
					knop.addClass('hover');
				},
				'mouseleave' : function(){
					knop.removeClass('hover');
				},
				'click' : function(){
					dezemorph.start({
						'top' : '-10px'			
					});
				}
			});
		
		
			sluitknop.addEvents({
				'mouseenter' : function(){
				
				},
				'mouseleave' : function(){
		
				},
				'click' : function(){
					dezemorph.start({
						'top' : '-800px'			
					});
				}
			});
		});
		
	
	}
	*/
		
		
		
		
		
		
		
	


	
});




function maakVanTot(pag){
	var paginaKnoppen = $$('span.albumpagina');
	var container = $('thumbscontainer');
	var fotonummers = $('fotonummers');
	var aantalthumbsperpagina = 12;//Moet ook opgegeven worden in foto.inc.php
	var albumfotoaantal = $('albumfotoaantal').get('text') * 1;
	var aantalPaginas = paginaKnoppen.length;
	
	var van = ((pag - 1) * aantalthumbsperpagina) + 1;
	
	var van  = albumfotoaantal - (aantalthumbsperpagina * (aantalPaginas - pag + 1)) + 1;
	if(van < 1) var van = 1;
	
	var tot = van + aantalthumbsperpagina - 1;
	
	if(tot > albumfotoaantal){
		var tot = albumfotoaantal;
	}
	
	if(pag == 1){
		var tot = albumfotoaantal - ((aantalPaginas - pag) * aantalthumbsperpagina);
	}
	
	fotonummers.set('text',van + ' t/m ' + tot);
	
}