$(document).ready(function(){    
        $('#slides').fadeIn();
	$('#controls').fadeTo("normal", 0.65);
	$('#controls span').fadeTo("normal", 1.0);
	
	
})


$(function() {
    $('#pause').click(function() { $('#slides').cycle('pause'); return false; });
    $('#play').click(function() { $('#slides').cycle('resume'); return false; });
    
    $('#slideshow').hover(
        function() {  $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );
    
    $('#slides').cycle({
        fx:     'fade',
        speed:   900,
        timeout: 4000,
        next:   '#next',
        prev:   '#prev'
    });
});