/*

    <!-- http://www.malsup.com/jquery/cycle/adv2.html -->
    <!-- http://gsgd.co.uk/sandbox/jquery/easing/ -->
    
    <!-- http://www.malsup.com/jquery/cycle/pager6.html custom pager links -->
*/

$(document).ready(function()
{

    $('.slideshow').after('<ul id="nav">').cycle({
            fx: 'scrollHorz', //'scrollLeft',
            easing: 'bounceout',
            speed: 1000,
            delay: -2000,
            timeout: 7000, 
            next: '.slideshow',
            pause: 1,
            pager: '#nav',
            pagerAnchorBuilder: function(idx, slide)
            {
                /* return '<li><a id="'+idx+'" href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';*/
            
                switch(idx)
                {
                    case 0: return '<li><a id="navLi'+idx+'" href="#"></a></li>'; 
                    case 1: return '<li><a id="navLi'+idx+'" href="#"></a></li>'; 
                    case 2: return '<li><a id="navLi'+idx+'" href="#"></a></li>'; 
                    case 3: return '<li><a id="navLi'+idx+'" href="#"></a></li>'; 
                    case 4: return '<li><a id="navLi'+idx+'" href="#"></a></li>'; 
                }
            }  
        });
        
}); 

/*  

    case 0: return '<li><a id="navLi'+idx+'" href="#"><div class="stepNum">1</div><div class="stepTitle">Build without a server</div></a></li><div'; 
         
    $(document).ready(function() {
        $('.slideshow').cycle({
            fx:     'scrollRight', 
            easing: 'bounceout', 
            delay:  -2000 		
	    });
    });

*/