$(document).ready(function() {
    // refer to http://www.malsup.com/jquery/cycle/ for cycle options
    $('#media')
    .before('<ul id="nav">')
    .cycle({
        fx: 'turnDown',
        speed: 'fast',
        timeout: 0,
        pager: '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            var step = idx + 1;
            var slideImg = $(slide).children()[0].innerHTML;
            return '<li><a href="#">' + step + '</a></li>';
        }
    });

});