var Slideshow = {
	init:function() {
		$('#slideshow').cycle({
		    fx:     'fade',
		    speed:  1000,
		    timeout:6000,
				startingSlide:0,
				next:'#next',
				prev:'#prev'
			});
			var controls = $("#slideshow-controls");
	
			$('#slideshow').mouseover(function(){
				controls.animate({opacity:'0.6'},'slow');
			});
			$('#stop').click(function() { 
			    $('#slideshow').cycle('pause');
					$(this).addClass('inactive');
					$("#start").removeClass('inactive');
					setTimeout("$(\"#slideshow-controls\").animate({opacity:'0'},'slow')", 2000);
			});
			$("#start").click(function() { 
			    $('#slideshow').cycle('resume');
					$(this).addClass('inactive');
					$("#stop").removeClass('inactive');
					setTimeout("$(\"#slideshow-controls\").animate({opacity:'0'},'slow')", 2000);
			});
	}
}

$(document).ready(function(){
	Slideshow.init();
	});