$(function() {
    $('#slides').fadeIn('normal');
	
	var textcolor	=	$('#fMenu a').css('color');
	var fadecolor	=	'#ee9715';
	
	$('#fMenu a').hover(
		function(){ 	$(this).animate({color:fadecolor}, 300) },
		function(){		$(this).animate({color:textcolor}, 300) }
	);
	
	var bgcolor		=	$('#menu a').css('background-color');
	$('#menu a').hover(
		function(){		$(this).animate({backgroundColor:fadecolor}, 300) },
		function(){		$(this).animate({backgroundColor:bgcolor}, 300)	  }
	);
	
    $('#slideshow').hover(
        function() 	{ 	$('#controls').slideToggle(); $('#buttons').slideToggle(); $('#slides').cycle('pause'); },
        function() 	{ 	$('#controls').slideToggle(); $('#buttons').slideToggle(); $('#slides').cycle('resume'); }
    );
    
    $('#slides').cycle({
        fx:     'scrollVert',
        speed:   1000,
        timeout: 5000,
        next:   '#next',
        prev:   '#prev',
		before:	function(){ $('#title').html(this.title);
							$('#artwork').html('<a href="'+ this.name +'">Bekijk kunstwerk</a>');
							$('#artwork a').lightBox();
							$('#artist').html('<a href="kunstenaars.php?id='+ this.alt +'">Bekijk kunstenaar</a>')}
    });
	
});