/*
    blindX
    blindY
    blindZ
    cover
    curtainX
    curtainY
    fade
    fadeZoom
    growX
    growY
    none
    scrollUp
    scrollDown
    scrollLeft
    scrollRight
    scrollHorz
    scrollVert
    shuffle
    slideX
    slideY
    toss
    turnUp
    turnDown
    turnLeft
    turnRight
    uncover
    wipe
    zoom
    */
    $(document).ready(function() {
        $('#slideshow > div')
	//.before('<ul class="nav">')
	.cycle({
	    fx: 'fade',
	    speed: 500,
	    timeout: 5000,
	    //pager: '.nav',
	    //before: onBefore,
	    after: onAfter,
	    next: '.next',
	    prev: '.prev',
	    pause: 1,
 
	    // 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>'; }
 
 
	});
 
        //use this when not using thumbnails
        //$("#nav a").wrap("<li></li>");
 
 
        ///////////////////////////////
    });
 
   /* function onBefore() {
        $('.output').html("Scrolling image:<br>" + this.src);
    }*/
    function onAfter() {
        $('.output').html('<h3 class="output">' + this.alt + '</h3>');
    }