/*!
 Cycle1 Options
 */
$(function() {
    $('#cycle1').after('<div id="cycle1_nav" class="cycle1_nav"><input id="pauseButton" alt="pause" class="playcontrol" src="/img/gallery_pause.gif" type="image" value="Pause"/><input class="playcontrol" id="resumeButton" alt="play" src="/img/gallery_play.gif" type="image" value="Resume"/>').cycle({
				pause: '1',
				fx:     'fade',
        speed:  'slow',
        timeout: 4300,
        pager:  '#cycle1_nav',
        before: function() { if (window.console) console.log(this.src);},
				
				pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#">&nbsp;</a></li>'; 
				}
    });
		
		$('#pauseButton').click(function() { 
				$('#cycle1').cycle('pause'); 
		});
		
		$('#resumeButton').click(function() { 
				$('#cycle1').cycle('resume'); 
		});		
});

/*!
 Cycle 2 Options
 */
$(function() {
    $('#cycle2').before('<div id="cycle2_flowControl"> <a href="#"><span id="cycle_prev">Prev</span></a>&nbsp;|&nbsp;<a href="#"><span id="cycle_next">Next</span></a> </div><div id="cycle2_nav" class="cycle2_nav">').cycle({
				fx:     'fade',
        speed:  'slow',
        timeout: 0,
        pager:  '#cycle2_nav',
				prev:    '#cycle_prev',
        next:    '#cycle_next'
});
		
		function pagerFactory(idx, slide) {
        var s = idx > 2 ? ' style="display:none"' : '';
        return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    };

});