// JavaScript Document

window.addEvent('domready', function() {
	// In- en uitschuiven van extra tekst
	var resttekst = new Fx.Slide('vervolgtekst');
	var slidetime = 5000;
	
	// Tekst uitschuiver
	$('tekst_toggle').addEvent('click', function(e){
		e.stop();
		resttekst.toggle();
	});
		
	resttekst.hide();
	// Einde tekstuitschuiver
	
	// Galerij
	var galerijbreedte = document.getElementById('playlistInner').offsetWidth;
	var huidigestand = 0;
	
	// Galerij pas laden als er meer dan 1 foto is
	if (galerijbreedte > 665)
	{	
		var galerijcontainer = new Fx.Scroll('playlist', {
			offset: {
					'x': 0,
					'y': 0
			}
		}).toTop();
		
		// Naar volgende foto sliden.
		// Na de laatste foto weer terug gaan naar foto 1
		function nextSlide()
		{
			slideshow = $clear(slideshow);
			
			if (Math.floor(huidigestand+665)>=galerijbreedte)
			{
				galerijcontainer.start(0, 0);
				huidigestand = 0;
			}
			else
			{
				galerijcontainer.start(Math.floor(huidigestand+665), 0);
				huidigestand = Math.floor(huidigestand+665);
			}
			
			slideshow = nextSlide.delay(slidetime);
			
		};
		
		function prevSlide()
		{
			slideshow = $clear(slideshow);
			
			if (Math.floor(huidigestand-665)>=0)
			{
				galerijcontainer.start(Math.floor(huidigestand-665), 0);
				huidigestand = Math.floor(huidigestand-665);
			}
			
			slideshow = nextSlide.delay(slidetime);
			
		};
		
		// Volgende slide elke 3 sec
		var slideshow = nextSlide.delay(slidetime);
		
		// Handmatig doorklikken
		$('volgende').addEvent('click', function(e){
			e.stop();
			nextSlide();
		});
		
		// Naar de vorige foto sliden
		// Na 0, blijft het 0. Niet doorsliden naar de laatste foto.
		$('vorige').addEvent('click', function(e){
			e.stop();
			prevSlide();
		});
		
		
	
	}; // Einde if > 665


/*
		Uitschuiver menuitems
*/
	
	var animation = "";
		
	function menuTransform(element,width)
	{
		//var animation = new Fx.Morph(element, {duration: 500, link: 'cancel', transition: 'elastic:out'});
		element.set('morph', {transition: Fx.Transitions.Bounce.easeOut, duration: 500, link : 'cancel'});
		element.morph({
			'width': [width]
		});
	}

	$$('.menuItem').addEvent('mouseover', function(e){
		e.stop();
		
		menuTransform(this,260);	
	});
	
	$$('.menuItem').addEvent('mouseout', function(e){
		e.stop();
		
		menuTransform(this,244);
	});




});