/*
original script from:
http://malsup.com/jquery/cycle/pager2.html

---- malsups ----
$('#slideshow').before('<ul id="nav">').cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav', 
     
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
    } 
});


---- mine -----
$(function() {
    $('#product-slideshow').after('<div class="product"><p>new products</p><ul id="nav">').cycle({
        fx:     'scrollRight',
        speed:  'slow',
        timeout: 14000,
        pause:1,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            var src = $('img',slide).attr('src');
            return '<li><a href="#"><img src="' + src + '" width="50" height="50" class="thumb-line" /></a></li>';
            return '<li class="thumb-list"><a href="#"><img src="' + slide.src + '" width="50" height="50" class="thumb-line" /></a></li></ul>';
        }
    });
});

*/

$(function() {
$('#product-slideshow').after('<ul id="nav">').cycle({ 
    fx:     'fade', 
    speed:  'slow', 
    timeout: 4200, 
    pager:  '#nav', 
     
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
    		var src = $('img',slide).attr('src');
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
    } 
});
});