$(document).ready(function () {
	//$('#pause').click(function() { $('#banner ul').cycle('pause'); return false; });
    //$('#play').click(function() { $('#banner ul').cycle('resume'); return false; });
    
    
    $('#banner').hover(
        function() { $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );

	$('#banner ul').css('visibility','visible');

	$('#banner ul').after('<ol></ol>').cycle({
//		fx: 'scrollDown',
//		fx: 'cover',
//		fx: 'fade',
		fx: 'scrollLeft',
		
		//speed: 500,
		timeout: 5000,
		pager: '#banner ol',
		pagerAnchorBuilder: function(idx, img){
			return '<li><a href="#">' + (+idx+1) + '</a></li>';
		}
	}
	);
	$('#controls').append("<a id='pbtn' class='pause'>&nbsp;</a>");

			var bplplay = true;
			$('#pbtn').click(function() {
			
				if (bplplay) {
			    	$('#banner ul').cycle('pause');
					$('#pbtn').removeClass('pause').addClass('play')
					bplplay = false;
				}
				else {
					$('#banner ul').cycle('resume');
					$('#pbtn').removeClass('play').addClass('pause')
					bplplay = true;
				}
			});
	
});