//Al gestart met animatie?
		var ineffect = 0;
		var ineffect2 = 0;		
		var last = 0;
		var first = 0;
		
		//Click handler
		function galleryClick(event){
			//X coordinaat van de muis
			x = Event.pointerX(event);

			//Totale breedte van viewport
			var breedte = document.viewport.getWidth();
			//Beeld opdelen in 2 helfden		
			var helft = Math.ceil(breedte/2);	
			//Hoogte van de viewport
			var hoogte = document.viewport.getHeight();
			//Is de muis boven het menu?
			if(y<hoogte-40-80-20)
			{	 
				//Rechter kant van het scherm
				if(x>helft)
				{
					if(last==0)nextImg();
					
				}
				//Linker kant van het scherm			
				else{
					if(first==0)previousImg();
				}
			}
		}
		
		//Mousemovement handler
		function galleryMove(event){
			//Coordinaten van de muis
			x = Event.pointerX(event);
			y = Event.pointerY(event);
			//Totale breedte en hoogte van de viewport
			var breedte = document.viewport.getWidth();	
			var hoogte = document.viewport.getHeight();
			//Opdelen van viewport in 2 helfden	 
			var helft = Math.ceil(breedte/2);
			
			
			//Is de muis boven het menu?
			if(y<hoogte-40-80-20)
			{	
				//Is de animatie nog niet bezig?
				//if(ineffect==0)
				if(false)
				{					
					//De animatie is gestart
					ineffect=1;
					new Effect.Morph('menu', {
					  style: 'bottom:-70px;', // CSS Properties
					  duration: 0.5, // Core Effect properties
					  afterFinish:function(){
						  ineffect=0;//Animatie is gestopt
					  } 
					});
				}
				//Rechter kant van het scherm
				if(x>helft)
				{
					if(last==0)
					{
						$('o').update('&gt;');
						$('o').style.paddingLeft = '20px';
						$('o').style.paddingRight = '4px';
						$('o').style.left = x-5+'px';
						$('o').style.top = y-10+'px';
						$('o').show();
					}
					else{
						$('o').hide();
					}
				}
				//Linker kant van het scherm
				else{
					if(first==0)
					{
						$('o').update('&lt;');
						$('o').style.paddingLeft = '4px';
						$('o').style.paddingRight = '20px';
						$('o').style.left = x-25+'px';
						$('o').style.top = y-10+'px';
						$('o').show();
					}else{
						$('o').hide();
					}
				}				
			}
			//Muis op of onder het menu
			else{
				//Muis over verborgen menu
				if($('menu').style.bottom=='-70px'&&y>hoogte-20)
				{
					//Is de animatie nog niet bezig?
					if(ineffect2==0)
					{
						//De animatie is gestart
						ineffect2=1;
						new Effect.Morph('menu', {
					  		style: 'bottom:40px;', // CSS Properties
					  		duration: 0.5, // Core Effect properties
							  afterFinish:function(){
							  ineffect2=0;//Animatie is gestopt
						  } 					  		
						});
					}
				}
				$('o').hide();
			}	
		}
		function nextImg(){
			//Alle platen
			array = $$('a.blok');
			
			array.each(function(s,index){
				//Geselecteerde plaat
				if(s.hasClassName('selected'))
				{	
					//We hebben op volgende gedrukt, dit kan dus nooit meer de eerste zijn			
					first=0;
					
					if(index+2==array.length)
					{
						//Het is de laatste
						last = 1;						
					}
					else{
						//Niet de eerste maar ook niet de laatste
						last = 0;
					}
					//Spring naar de plaat
					gotoImg(index+1,true);
					//break;
					//Deze is niet meer geselecteerd
					s.removeClassName('selected');
				}
			});			
		}
		function previousImg(){
			//Alle platen
			array = $$('a.blok');
			array.each(function(s,index){
				//Geselecteerde plaat
				if(s.hasClassName('selected'))
				{
					//We hebben op vorige gedrukt, dit kan dus nooit meer de laatste zijn
					last=0;
					if(index-1==0)
					{
						//Het is de eerste
						first = 1;						
					}
					else{
						//Niet de eerste maar ook niet de laatste
						first = 0;
					}					
					//Spring naar plaat
					gotoImg(index-1,false);
					//Deze is niet meer geselecteerd
					s.removeClassName('selected');
				}
			});
		}		
		function gotoImg(index,nopreviousornext)
		{
			//Vreemde bug zorgt er voor dat na vorige/volgende, 
			
			if(nopreviousornext)clearSelected();
			array = $$('a.blok');
			el = array[index];
			
			$('main').src = el.readAttribute('pimg');
			/*
			$('titel').update(el.readAttribute('titel'));
			$('subtitel').update(el.readAttribute('subtitel'));
		
			if(el.readAttribute('url')!='')
			{
				if($('titel')){
					$('titel').writeAttribute('onclick',"window.open('"+el.readAttribute('url')+"')");
					$('titel').writeAttribute('onmouseover',"this.style.cursor='pointer'");
					$('prodlinkhref').href = el.readAttribute('url');
					$('prodlink').show();
				}
			}
			else{				
				$('prodlink').style.display='none !important';
				$('titel').writeAttribute('onclick',"");
				$('titel').writeAttribute('onmouseover',"this.style.cursor='default'");
			}
			
			decoded = Base64.decode(el.readAttribute('body'));
			$('btekst').update(decoded);
			*/	
			Element.addClassName(el,'selected');
			/* id = el.identify();
			$(id).addClassName('selected');*/		
		}

		function clearSelected()
			{
				array = $$('a.blok');
				array.each(function(s){
					if(s.hasClassName('selected'))
					{					
						s.removeClassName('selected');
					}
				});
			}