jQuery(document).ready(function() {
	var cycles = jQuery('.tx-imagecycle-pi1');
	cycles.each(function(i) {
		var cycle = jQuery(this);
		if (cycle.find('ul li').length > 1) { 
			cycle.append('<div class="imagecycle_nav"></div>');
			cycle.find('.imagecycle_nav')
				.append('<div id="imagecycle_prev">&laquo;</div')
				.append('<div id="imagecycle_pause">||</div>')
				.append('<div id="imagecycle_play">&gt;</div>')
				.append('<div id="imagecycle_next">&raquo;</div')
				.show().find('#imagecycle_play').hide();
		
			cycle.find('#imagecycle_pause').click(function() { 
			    cycle.find('ul').cycle('pause');
				cycle.find('#imagecycle_pause').hide();
				cycle.find('#imagecycle_play').show();
			});
			cycle.find('#imagecycle_play').click(function() { 
			    cycle.find('ul').cycle('resume');
				cycle.find('#imagecycle_play').hide();
				cycle.find('#imagecycle_pause').show();
			});
			cycle.find('#imagecycle_next').click(function() { 
			    cycle.find('ul').cycle('next');
			});
			cycle.find('#imagecycle_prev').click(function() { 
			    cycle.find('ul').cycle('prev');
			});	
		}
	});
});