$(document).ready(function() {
    $('.carousel').cycle({
		fx: 'fade',
		slideExpr: 'img',
		pager:'.carouselPager',
		timeout:7000,
		speed: 700,
		cleartype:     !$.support.opacity,  // true if clearType corrections should be applied (for IE) 
  		cleartypeNoBg: true,
		pagerAnchorBuilder: function(index) {
   				
		if ((index+1) < 10)
			return '<a href="#">'+0+(index+1)+'</a>'; 

			else if ((index+1) >= 10)
			return '<a href="#">'+(index+1)+'</a>';
		}
		
	});
});