jQuery(document).ready(function($) {

	$('#items').before('<ul class="portfolioNav">').cycle({ 
    fx: 'fade', 
    timeout: 22000, 
		containerResize: 0,
		next: ".next",
		prev: ".prev",
		speed: "slow",
		pause: 1,
		pauseOnPagerHover: 1,
    pager: '.portfolioNav',
		pagerAnchorBuilder: function(idx, slide) { 
			var imgPath = $("#portfolio"+idx).children("a").children("img").attr("src").split("_md.jpg")[0]+"_sm.jpg";
			return '<li><a href="#portfolio'+ idx +'"><img src="' + imgPath + '" alt="" /></a></li>'; 
    } 
	});

});