$(document).ready(function(){
	// To add padding to aligned images left or right
	$('img[align=right]').addClass('float-right');
	$('img[align=left]').addClass('float-left');	

//Slideshow
	$('#slideshow').append('<div id="playcontrols">');
	$('#playcontrols').prepend('<div id="next">Next Slide');
	$('#playcontrols').prepend('<div id="play">Play Slides');
	$('#playcontrols').prepend('<div id="prev">Previous Slide');

$('#slides').cycle({ 
    fx:     'fade', 
    timeout: 5000, 
    delay:  40 ,
    next:   '#next'   ,
    prev : '#prev'  
    
});


	$("#play").toggle (
		function () {
			$(this).css('backgroundImage','url(button_play.png)'); 
			$('#slides').cycle('pause');
		},
		function () {
			$(this).css('backgroundImage','url(button_stop.png)'); 		
			$('#slides').cycle('resume');
		}
	);


});