/*preloadImg = function() {
	var imgs = document.id('imageareaContent').getElements('img');
	var paths = [];
	imgs.each(function(img) {
		 paths.push(img.getProperty('src'));
		 img.setProperty('src','');
	});

	var preloadedImages = new Asset.images(paths,{
		onComplete: function(){
			paths.each(function(src,i){
				imgs[i].setProperty('src',src);
			});
		}
	});
}
*/
function imgdelay(){
	
	var plaatjes = '<a href="/img/fotos/header1.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header1.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header2.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header2.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header3.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header3.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header4.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header4.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header5.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header5.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header6.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header6.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header7.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header7.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header8.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header8.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header9.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header9.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header10.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header10.JPG" /></a>';
	/*plaatjes = plaatjes + '<a href="/img/fotos/header11.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header11.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header12.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header12.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header13.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header13.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header14.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header14.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header15.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header15.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header16.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header16.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header17.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header17.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header18.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header18.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header19.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header19.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header20.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header20.JPG" /></a>';
	plaatjes = plaatjes + '<a href="/img/fotos/header21.JPG" rel="top" class="fancy"><img width="1000" class = "scroll" src="/img/fotos/header21.JPG" /></a>';*/
	plaatjes = plaatjes + plaatjes + plaatjes;

	
	
	
	document.id("imageareaContent").innerHTML = plaatjes;	
	new Carousel("iconplacer", {  
		idPrevious: "arrowleft",  
		idNext: "arrowright",  
		idToggle: "undefined",  
		item: {  
			klass: "slide",  
			size: 64  
		},  
		animation: {  
			duration: 500,  
			amount: 1,
			transition: Fx.Transitions.Quad.easeInOut,
			rotate: {
				type: 'auto',
				interval: 5000
			}
		}  
	});  
	var slide = new Scrollslider("image",{transition:Fx.Transitions.Quad.easeInOut});

	var sliders = $$('.slide');
	if (sliders) {
		sliders.each(function(el,i){
			var i = i;
			el.addEvent('click', function(e) {
				e.stop();
				slide.doScrollToElement(i);
			});
		});
	}

	var menubuttons = document.id('nav_content').getElements('li');
	if (menubuttons) menubuttons.each(function (el) {
		el.grab(new Element('div', {'class':'achter'}),'top');
	});

	jQuery("a.fancy").fancybox({
		'hideOnContentClick': false,
		'overlayOpacity': 0.8,
		'frameWidth': 500,
		'frameHeight': 500
	});

}
window.addEvent('domready', function() {

setTimeout("imgdelay()",2000);
});


