$(document).ready(function() {
    $('#slideshow').after('<ul id="nav">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 $('#slideshow1').after('<ul id="nav1">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav1',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow2').after('<ul id="nav2">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav2',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow3').after('<ul id="nav3">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav3',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow4').after('<ul id="nav4">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav4',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow5').after('<ul id="nav5">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav5',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow6').after('<ul id="nav6">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav6',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow7').after('<ul id="nav7">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav7',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow8').after('<ul id="nav8">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav8',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 $('#slideshow9').after('<ul id="nav9">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav9',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow10').after('<ul id="nav10">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav10',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow11').after('<ul id="nav11">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav11',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow12').after('<ul id="nav12">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav12',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow13').after('<ul id="nav13">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav13',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow14').after('<ul id="nav14">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav14',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow15').after('<ul id="nav15">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav15',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow16').after('<ul id="nav16">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav16',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow17').after('<ul id="nav17">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav17',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow18').after('<ul id="nav18">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav18',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow19').after('<ul id="nav19">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav19',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
	 	 	 $('#slideshow20').after('<ul id="nav20">').cycle({
        fx:     'fade',
        speed:  'normal',
        timeout: 0,
        pager:  '#nav20',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="66" height="50" /></a></li>';
        }
    });
});