$( document ).ready( function() {
	var $prevControl = $( '<span id="prevBtn">\
	<a href="javascript:void(0);">Previous</a>\
	</span>')
		.hide()
		.click( function() { 
			$( '#slider ul' ).animate( { left: '0px'}, 'slow' );
			$( '#nextBtn').fadeIn( 'fast' );
			$( this ).fadeOut( 'fast' );
			return false;
		});
	var $nextControl = $('<span id="nextBtn">\
	<a href="javascript:void(0);">Next</a>\
	</span>' )
		.click( function() { 
			$( '#slider ul' ).animate( { left: '-890px'}, 'slow' );
			$( '#prevBtn').fadeIn( 'fast' );
			$( this ).fadeOut( 'fast' );
			return false;
		});
	
	$( '#slider' )
		.append( $prevControl )
		.append( $nextControl );
} );