$(function() {
   $('#img_slider').after("<div><div class='paging'><ul id='thumbs'>").cycle({ 
		fx: 'fade', 
		timeout: 8000,
		speed: 600,
	    pager: '#thumbs',
		activePagerClass: 'active',
		pagerAnchorBuilder: function(idx, slide) {
			
			if (idx == 0) {
				return '<li><a href="#"><img src="common/images/paging-1.jpg" alt="" /></a></li>';
			}
			else if (idx == 1) {
				return '<li><a href="#"><img src="common/images/paging-2.jpg" alt="" /></a></li>';
			}
			else if (idx == 2) {
				return '<li><a href="#"><img src="common/images/paging-3.jpg" alt="" /></a></li>';
			}
			else if (idx == 3) {
				return '<li><a href="#"><img src="common/images/paging-4.jpg" alt="" /></a></li>';
			}
			
		}
		
	});
});