$(document).ready(function() {
    $('#slideAll').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		before: onAfter
	});
	$('#slideLogos').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$('#slidePrint').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$('#slideWeb').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$('#slideSigns').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$('#slidePhotography').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	function onAfter(curr,next,opts) {
		if(opts.currSlide == 0) {
		 $(".photographyButton").removeClass('photographyButtonOver'); 
		 $(".logosButton").addClass('logosButtonOver');
		}
		
		if(opts.currSlide == 3) {
		 $(".logosButton").removeClass('logosButtonOver'); 
		 $(".printButton").addClass('printButtonOver');
		}
		
		if(opts.currSlide == 7) { 
		 $(".printButton").removeClass('printButtonOver'); 
		 $(".webButton").addClass('webButtonOver');
		}
		
		if(opts.currSlide == 9) {
		 $(".webButton").removeClass('webButtonOver'); 
		 $(".signsButton").addClass('signsButtonOver');
		}
		
		if(opts.currSlide == 12) {
		 $(".signsButton").removeClass('signsButtonOver'); 
		 $(".photographyButton").addClass('photographyButtonOver');
		}	   
	}
	$('.slideshow').hide();
	$('#slideAll').show();
});