$(document).ready(function() {
  	/**************************
	fade in de divs:
	image over flash
	linkeronder image
	text
	*****************************/
	$('.stmenu01pos').fadeIn(2000);	
	$('#divFadeIn1').fadeIn(2000);
	$('#divFadeIn2').fadeIn(2000);
	$('#divFadeIn3').fadeIn(3000);
	$('#divFadeIn4').fadeIn(3000);
	$('#divFadeIn5').fadeIn(4000);
	$('#divFadeIn6').fadeIn(3000);
	$('#autograph').fadeIn(1);
	// end of fade in divs
	// de buttons die gebruikt worden om de text divs te infaden en out
    $('#ButtonNext').click(function() {
        $('#divAmber1').fadeOut(1000) ;
        $('#divAmber2').fadeIn(2000);
    });
	 $('#ButtonNextTxt').click(function() {
        $('#divAmber1').fadeOut(1000) ;
        $('#divAmber2').fadeIn(2000);
    });
	$('#ButtonBack').click(function() {
        $('#divAmber2').fadeOut(1000);
		$('#divAmber1').fadeIn(2000) ;

    });
	$('#ButtonNext2').click(function() {
        $('#divAmber2').fadeOut(1000) ;
        $('#divAmber3').fadeIn(2000);
    });
	$('#ButtonBack2').click(function() {
         $('#divAmber3').fadeOut(1000);
		 $('#divAmber2').fadeIn(2000) ;
    });
	
});