$(document).ready( function() {
	
	var total_slides = $('#features ul li').length;
	
	$('#features').prepend('<span id="slide_count">1 of '+ total_slides +'</span><a id="slide_prev">&laquo;</a><a id="slide_next">&laquo;</a>');
	
	$('#features ul').cycle({
		fx: 'scrollHorz',
		speed: 3000,
		timeout: 9000,
		pause: 1,
		next: '#slide_next',
		prev: '#slide_prev',
		before: function() {
			var current_slide = parseInt($('#features ul li').index(this))+1;	
			$('#slide_count').html(current_slide +' of '+ total_slides);	
		}
	})

});