function laad() { 

$('general').set('html', '<div class="Type"><a href="about.html">ABOUT</a><br /><a href="mailto:info@daandenhouter.com">CONTACT</a><br /><a href="daandenhoutercv.pdf">CV</a><br /></div>');
$('nieuw').set('html', '<div class="Type">NIEUW: <a href="forthetimebeing.html">FOR THE TIME BEING</a> - <a href="daanistof.html">DAAN IS TOF (ROOF)</a> - <a href="schilderijen.html">SCHILDERIJEN</a>  </div>');

Cufon.replace('.Type');


}
function laadKunst() { 

$('menuLinks').set('html', '<div class="Type">AUTONOOM<br /><a href="sociaal.html">SOCIAAL</a><br /><a href="schilderijen.html">SCHILDERIJEN</a><br /></div>');		
$('projecten').set('html', '<div class="Type"><a href="forthetimebeing.html">FOR THE TIME BEING I</a><br /><a href="daanistof.html">DAAN IS TOF</a><br /><a href="performance.html">PERFORMANCE 13.12.9</a><br /> <a href="koninklijke.html">DE KONINKLIJKE PRIJS</a><br /><a href="celebration.html">THE CELEBRATION OF LIFE</a><br /><a href="thegift.html">THE GIFT </a><br /><a href="daanenanique.html">DAAN &amp; ANIQUE</a><br /><a href="himom.html">HI MOM</a><br /><a href="marbleduplo.html">MARBLE DUPLO CUBE</a><br /><a href="kindershredder.html">KINDERSHREDDER</a><br /><a href="thestolenworks.html">THE STOLEN WORKS</a><br /><a href="wareliefde.html">WARE LIEFDE</a><br /><a href="watergat.html">WATERGAT</a><br /><a href="eenjaarfotos.html">1 JAAR FOTO’ S</a><br /><a href="daanenelzajo.html">DAAN &amp; ELZA JO</a><br /><a href="munten.html">MUNTEN</a><br /><a href="shredder.html">SHREDDER</a><br /><a href="zondertitel.html">ZONDER TITEL I &amp; II</a><br /><a href="kaarten.html">KAARTEN</a><br /><a href="rememberdaan.html">REMEMBERDAAN</a><br /><a href="themax.html">THE MAX</a><br /><a href="advertentie.html">ADVERTENTIE</a><br /><a href="streepjes.html">STREEPJES</a><br /><a href="nuts.html">NUTS </a><br /> <a href="oneredtree.html">ONE RED TREE</a><br /> <a href="achtuur.html">ACHT UUR</a><br /></div>');
}
function laadAbout() { 

$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br /><a href="sociaal.html">SOCIAAL</a><br /><a href="schilderijen.html">SCHILDERIJEN</a><br /></div>');		
$('projecten').set('html', '<div class="Type"><a href="http://www.markusevents.nl" target="_blank">www.markusevents.nl</a><br /><a href="http://www.ditisdit.com" target="_blank">www.ditisdit.com</a><br /><a href="http://www.ramptourism.nl" target="_blank">www.ramptourism.nl</a><br /><a href="http://www.aanschouw.nl" target="_blank">www.aanschouw.nl</a><br /><a href="http://www.detoffen.nl" target="_blank">www.detoffen.nl</a><br /><a href="http://www.overschilderschilderij.nl" target="_blank">www.overschilderschilderij.nl</a><br /><a href="http://www.daanistof.nl" target="_blank">www.daanistof.nl </a></div>');
}

function laadSociaal() { 
$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br />SOCIAAL<br /><a href="schilderijen.html">SCHILDERIJEN</a><br /></div>');		
$('projecten').set('html', '<div class="Type"><a href="picknicktafel.html">PICKNICKTAFEL</a><br /><a href="slaapsculptuur.html">SLAAPSCULPTUUR</a><br /><a href="fluffminiramp.html">FLUFF MINIRAMP</a><br /><a href="stapelbed.html">STAPELBED </a><br /></div>');
}

function laadSchilderijen() { 
$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br /><a href="sociaal.html">SOCIAAL</a><br />SCHILDERIJEN<br /></div>');		
$('projecten').set('html', '<div class="Type">SCHILDERIJEN</div>');
}

function laadSkatepark() { 
$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br /><a href="sociaal.html">SOCIAAL</a><br /><a href="schilderijen.html">SCHILDERIJEN<br /></a></div>');		
$('info').set('html', '<div class="Type"> <a href="skateparkdenhaag.html">SKATEPARK DEN HAAG</a><br /><a href="fluffminiramp.html">FLUFF MINIRAMP</a><br /><a href="miniramp.html">MINIRAMP</a><br /><a href="localsonly.html">LOCALS ONLY</a><br /> <a href="skateparkleidschendam.html">SKATEPARK LEIDSCHENDAM</a><br /><a href="skateparkdordrecht.html">SKATEPARK DORDRECHT</a><br /><a href="skatepark.html">TOELICHTING</a><br /></div>');
}

function laadPortretten() { 
$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br /><a href="sociaal.html">SOCIAAL</a><br /><a href="schilderijen.html">SCHILDERIJEN<br /></a></div>');		
$('info').set('html', '<div class="Type"> <a href="portretten.html">Z/W PORTRETTEN</a><br /><a href="grootportret.html">GROOT PORTRET</a><br /><a href="anderewerken.html">ANDERE WERKEN </a></div>');
}

function laadCollectieven() { 
$('menuLinks').set('html', '<div class="Type"><a href="autonoom.html">AUTONOOM</a><br /><a href="sociaal.html">SOCIAAL</a><br /><a href="schilderijen.html">SCHILDERIJEN<br /></a></div>');		
$('info').set('html', '');
}

window.addEvent('domready', function(){
  laad();
   Cufon.replace('.Type');

});

window.addEvents({
		'domready': function(){
			/* thumbnails example , div containers */
			new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:5,
						elemsSlide:5,
						duration:200,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 90,
						showControls:1,
						onChange: function(index){
							//alert(index);
						}
			
			});
		},
		'load': function(){
			
			/* banner rotator example */	
			new SlideItMoo({overallContainer: 'SlideItMoo_banners_outer',
							elementScrolled: 'SlideItMoo_banners_inner',
							thumbsContainer: 'SlideItMoo_banners_items',		
							itemsVisible:1,
							itemsSelector: '.banner',
							showControls:0,
							autoSlide: 3000,
							transition: Fx.Transitions.Bounce.easeOut,
							duration: 1800,
							direction:-1});
							
			/* info rotator example */	
			new SlideItMoo({overallContainer: 'SlideItMoo_info_outer',
							elementScrolled: 'SlideItMoo_info_inner',
							thumbsContainer: 'SlideItMoo_info_items',		
							itemsVisible:1,
							itemsSelector: '.info_item',
							itemWidth:557,
							showControls:0,
							autoSlide: 5000,
							transition: Fx.Transitions.Sine.easeIn,
							duration: 1800,
							direction:1});	
		}
	});