$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade',
		speed: 500,
		timeout: 4000,
		next: '#next',
		prev: '#prev',
		after: onAfter,
		before: onBefore,
		prevNextClick: onPrevNext
	});
	$('#pause').click(function() { 
			if ($('#pause').html().search('pause')>0) {
        	  $('.slideshow').cycle('pause');
        	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
        	} else {
        	  $('.slideshow').cycle('resume');
        	  $('#pause').html('<span id="go-stop" class="stop"><img src="images/slideshow/pause-w.png" /></span>');
        	}
        	return false;
    });
	$('#button-m1').click(function() {
		$('.slideshow').cycle(1);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
	$('#button-m2').click(function() {
		$('.slideshow').cycle(2);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
	$('#button-m3').click(function() {
		$('.slideshow').cycle(3);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
	$('#button-m4').click(function() {
		$('.slideshow').cycle(4);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
	$('#button-m5').click(function() {
		$('.slideshow').cycle(5);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
	$('#button-m6').click(function() {
		$('.slideshow').cycle(6);
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
		return false;
		});
});
function onAfter() {
	if (this.id > 0) {
		$('#button-m'+this.id).addClass('Slide-on');
	}
}
function onBefore(curr, next, opts) {
		if (curr.id > 0) {
			$('#button-m'+curr.id).removeClass('Slide-on');
		}
}
function onPrevNext() {
		$('.slideshow').cycle('pause');
	   	  $('#pause').html('<span id="go-stop" class="go"><img src="images/slideshow/play-w.png" /></span>');
}