$(document).ready(function() {

    $("#slideshow").before('<div id="slideshow_nav">').cycle({
        timeout:10000,
        pager:"#slideshow_nav",
		cleartypeNoBg: false
/*				pagerAnchorBuilder: function(idx, slide){
						return '<li><a class="trial" href="#"></a></li>'; 
			}*/
    });

    // Pause the slideshow when a nav number is clicked

    $("#slideshow_nav a").click(function() {
        $("ul#slideshow").cycle('pause');
    });

});