document.removablesVisible = true;

/**
  * Verberg alle verwijderbare elementen
  */
document.hideAllRemovables = function() {

	if (document.removablesVisible)	{
		$$('.removable').each(function(elem) {
			new Effect.toggle(elem,'blind',{duration:0.5});
			//elem.style.display = 'none';
		});
	}
	
	document.removablesVisible = false;
	document.getElementById('navSwitch').style.display = 'block';
	
};

/**
  * Toon alle verwijderbare elementen
  */
document.showAllRemovables = function() {
	
	if (!document.removablesVisible) {
		$$('.removable').each(function(elem) {
			new Effect.toggle(elem,'blind',{duration:0.5});
		});
	}
	
	document.removablesVisible = true;
	document.getElementById('navSwitch').style.display = 'none';
	
};

/**
  * Voeg aan elke link met class 'remove' de juiste event-listener toe
  */
Event.observe(window,'load',function() {
	
	$$('.remove').each(function(elem) {
		
		Event.observe(elem,'click',function(evt) {
			document.hideAllRemovables();
			Event.stop(evt);
		});
		
	});
	
	Event.observe('container', 'click', document.showAllRemovables);
	
});

/**
  * Foto laden in 'kolomRechts'
  */
function showPhoto(obj, url, title, desc) {
	fotos = document.getElementById('fotoboekcontainer_js').getElementsByTagName('div');

	// Haal active stijl weg van alle elementen voor we een nieuwe toepassen
	for (i = 0;  i<fotos.length; i++) {
		if (fotos[i].className == 'fotooveractive') {
			fotos[i].className = 'foto';
		}
	}
	
	obj.className = 'fotooveractive';

	var rechts = document.getElementById('kolomRechts');
	rechts.innerHTML = '<div id="fotoDetail" class="removable"><img class="fotodetail" src="/uploads/large/'+url+'" alt="" /><div id="fotodetailscroll"><h2>'+title+'</h2><p>'+desc+'</p></div></div>';
}

function showPhotoHover (obj) {
	if (obj.className == 'fotooveractive') return;
	obj.className = 'fotoover';
}

function hidePhotoHover (obj) {
	if (obj.className == 'fotooveractive') return;
	obj.className = 'foto';
}