/**
 * 
 */



	// Copyright 2006-2007 javascript-array.com

	var timeout	= 500;
	var closetimer	= 0;
	var ddmenuitem	= 0;

	// open hidden layer
	function mopen(id)
	{	
		// cancel close timer
		mcancelclosetime();

		// close old layer
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

		// get new layer and show it
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.visibility = 'visible';

	}
	// close showed layer
	function mclose()
	{
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	}

	// go close timer
	function mclosetime()
	{
		closetimer = window.setTimeout(mclose, timeout);
	}

	// cancel close timer
	function mcancelclosetime()
	{
		if(closetimer)
		{
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}

	// close layer when click-out
	document.onclick = mclose; 
	
	function opensub(subid,sendingElem)
	{
		$(subid).setStyle('display','block');
	}
	
	function closesub(subid,sendingElem)
	{
		$(subid).setStyle('display','none');
	}

	_speed = 500;
	_huidigeindex = 0;
	_huidigfotoboek = -1;
	_fotos = new Array();


	function sluitpopup()
	{
		_popup = $('fotoboek-popup');
		_overlay = $('overlay');

		var tween = new Fx.Tween(_popup, {
			onComplete:function()
			{
				$('fotoboek-popup').setStyle('display', 'none');
			}
		});

		tween.start('opacity',0);


		var overlaytwn = new Fx.Tween(_overlay, {
			onComplete:function(){
				$('overlay').setStyle('display', 'none');
			}
		});

		overlaytwn.start('opacity',0);

		document.location = '#foto-'+_huidigeindex+'-'+_huidigfotoboek;
	}

	function openpopup(index,fotoboekId)
	{
		_huidigfotoboek = fotoboekId;
		_popup = $('fotoboek-popup');
		_overlay = $('overlay');

		var twn = new Fx.Tween(_popup);
		twn.set('opacity', 0);
		twn.set('display', 'block');
		twn.start('opacity', 1);
		
		laadfoto(index);

		
		var overlaytwn = new Fx.Tween(_overlay);
		overlaytwn.set('opacity', 0);
		overlaytwn.set('display', 'block');
		overlaytwn.start('opacity', .85);
		
	}

	function laadfoto(index)
	{
		_huidigeindex 	= index;

		_info 			= $('popup-info');
		_titel 			= $('popup-titel');
		_tekst 			= $('popup-tekst');
		_loader			= $('popup-loader');


		var twn = new Fx.Tween(_info);
		
		
		twn.start('opacity',0,1);
		
		_foto			= $('popup-foto');
		_fotowrapper 	= $('popup-image-wrapper');
		
		_fotowrapper.removeChild( _foto );
		
		_foto				= new Image();		

		
		_foto.src			= _fotos[_huidigfotoboek][index]["url"]; 
		_titel.innerHTML 	= _fotos[_huidigfotoboek][index]["titel"];
		_tekst.innerHTML 	= _fotos[_huidigfotoboek][index]["tekst"];
		
		_foto.id	= "popup-foto";
		
		_foto.style.display 	= 'none';		
		_loader.style.display 	= 'block';
		
		_fotowrapper.appendChild( _foto );
		fotowatcher();
	}

	function fotowatcher()
	{		
		_foto 			= $('popup-foto');
		_loader			= $('popup-loader');
		if(_foto.complete)
		{
			var twn = new Fx.Tween(_foto);
			twn.set('opacity', 0);
			twn.set('display', 'block');
			twn.start('opacity', 1);
			
			_foto.setStyle('display','block');			
			_loader.setStyle('display','none');
		}else{
			setTimeout('fotowatcher()',10);
		}
	}
	
	function popupvolgende()
	{
		nieuweindex = _huidigeindex + 1;

		if(nieuweindex < _fotos[_huidigfotoboek].length)
		{
			laadfoto(nieuweindex);
		}
	}
	
	function popupvorige()
	{
		nieuweindex = _huidigeindex - 1;

		if(nieuweindex >= 0)
		{
			laadfoto(nieuweindex);
		}
	}