//$(document).ready(function() {
//    $('#ajaxheaderslideshow').cycle({
//		.before('<div id="myController">')
//		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
//		pager: '#myController',  // selector for element to use as pager container
//
//	});
//});

jQuery(document).ready(function() {
jQuery('#ajaxheaderslideshow') 
	//.after('<div id="myController">') 
	.cycle({ 
		fx:     'fade', 
		speed:  'slow', 
		pause:	true,	  // true to enable "pause on hover"
		pauseOnPagerHover: true, // true to pause when hovering over pager link
		timeout:   4000,  // milliseconds between slide transitions (0 to disable auto advance)
		pager:  '#myController'
	});

	jQuery('#jfPlay').toggle(function() {
		jQuery('#ajaxheaderslideshow').cycle('pause');
		jQuery(this).attr({ "class": "jFlowPause"});
		}, function() {
		jQuery('#ajaxheaderslideshow').cycle('resume');
		jQuery(this).attr({ "class": "jFlowPlay"});
        }); 

});