$(document).ready(function() {
	$("#slideshow").css("overflow", "hidden");
	
	$("ul.slides").before('<div class="controls">').cycle({
		fx: 'fade',
		pause: 1,
		timeout:  6000,
		speed: 800,
		pager:  '#slideshow .controls'
	});
	
	$("#slideshow ul").hover(
  		function() {
    	$(".controls").fadeIn();
  	});
	
	$("#slides").cycle({
		fx: 'scrollHorz',
		speed: 700,
		timeout: 0,
		prev: '#btnPrev', 
		next: '#btnNext'
	});
	
});