// JavaScript Document
$(function() {

//   $('#slideshow').cycle({
//        fx:      'fade',
//        timeout:  3000,
//        prev:    '#prev',
//        next:    '#next',
//        pager:   '#nav',
//        pagerAnchorBuilder: pagerFactory
//    });

    // start slideshow 
    $('#slideshow').cycle({ 
			fx:      'fade',
	        timeout:  3000,
	        prev:    '#prev',
	        next:    '#next',
	        pager:   '#nav',
	        pagerAnchorBuilder: pagerFactory,
	        before:   onBefore 
    }); 
 
    var slidesAdded = false; 
     
    function onBefore(curr, next, opts) { 
        // make sure we don't call addSlide before it is defined 
        if (!opts.addSlide || slidesAdded) 
            return; 
         
        // add slides for images 3 - 8 
        // slides can be a DOM element, a jQuery object, or a string 
        for (var i=3; i < 11; i++) 
            opts.addSlide('<img src="images/banner'+i+'.jpg" width="900" height="215" />'); 
        slidesAdded = true; 
    };

    function pagerFactory(idx, slide) {
        var s = idx > 10 ? ' style="display:none"' : '';
        return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    };
	$('#slideshow').css('display', 'block');  
 });