/**
 * Main navigation
 */
/*document.observe('dom:loaded', function() {
	$$('#nav li').each(function(el) {
		if(el.down('ul')) {
			el.down('a').observe('click', function(e) {
				el.toggleClassName('selected');
				Event.stop(e);
			});
		}
	});
});*/


/**
 * Site select menu
 */
sfHover = function() {
	var sfEls = document.getElementById("site-select").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

			function prevImg(replacement)
			{
				fotos = document.getElementById("thumbs").getElementsByTagName("img");
				for(i=0; i < fotos.length; i++)
				{
					if(fotos[i].className == "selected")
					{
						selecteditem = fotos[i-1];
					}
					fotos[i].className = "";	
				}
				element =  document.getElementById("hoofdfoto");
				replaceImg(selecteditem);
			}
			
			function nextImg(replacement)
			{
				fotos = document.getElementById("thumbs").getElementsByTagName("img");
				for(i=0; i < fotos.length; i++)
				{
					if(fotos[i].className == "selected")
					{
						selecteditem = fotos[i+1];
					}
				}
				element =  document.getElementById("hoofdfoto");
				replaceImg(selecteditem);
			}
			function replaceImg(replacement)
			{
				var image = new Image(590,390);
				image.src = replacement.src.replace("/thumb/","/medium/");	
				image.id = "hoofdfoto";	
				image.style.display = "none";
				element =  document.getElementById("hoofdfoto");
				replacement.className = "selected";
				fotos = document.getElementById("thumbs").getElementsByTagName("img");
				for(i=0; i < fotos.length; i++)
				{
/*					if(fotos[i].className == "selected")
					{
				 		previtem = i-1;
						nextitem = i+1;
					}
*/					fotos[i].className = "";
				}
				
				previtem = replacement.id.substring(4) -1;
				nextitem = parseInt(replacement.id.substring(4));
				replacement.className = "selected";
				if(previtem <= 0)
				{
					document.getElementById("prev").style.display = "none";
				}
				else
				{
					document.getElementById("prev").style.display = "block";
				}
				if(nextitem >= fotos.length)
				{
					document.getElementById("next").style.display = "none";
				}
				else
				{
					document.getElementById("next").style.display = "block";
				}
							
				Effect.Fade("hoofdfoto", { duration: 0.5, afterFinish: function() {
					element.replace(image);
					Effect.Appear('hoofdfoto', { duration: 0.5 })
				} });
					
				
				
			}