$(function() {
    $('#slideshow').after('<div class="free-music-bottom"><p>new releases</p><ul id="nav">').cycle({
        fx:     'scrollRight',
        speed:  'slow',
        timeout: 4000,
        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><a href="#"><img src="' + slide.src + '" width="50" height="50" class="thumb-line" /></a></li>';
        }
    });
});

// VIDEOS!

$('#videoslides').cycle({ 
    fx:     'scrollLeft', 
    speed:  'slow', 
    timeout: 0, 
    next:   '#next2', 
    prev:   '#prev2' 
});


/*
$(function() {
    $('#videoslides').after('<div class="video-bottom"><p>watch now!</p><ul id="video-nav">').cycle({
        fx:     'scrollLeft',
        speed:  'slow',
        timeout: 0,
        pager:  '#video-nav',
        pagerAnchorBuilder: function(idx, slide) {
            var src = $('img',slide).attr('src');
            return '<li><a href="#"><img src="' + src + '" width="50" height="50" class="video-thumb-line" /></a></li>';
            return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" class="thumb-line" /></a></li>';
        }
    });
});
*/

/*

<li><a href="#"><img  src="images/amok_thumb.png" width="50" height="50" class="video-thumb-line" /></a></li><li><a href="#"><img src="images/leavem_thumb.png" width="50" height="50" class="video-thumb-line" /></a></li><li><a href="#"><img src="images/wegotyou_thumb.png" width="50" height="50" class="video-thumb-line" /></a></li></ul>
*/