$(document).ready(function() {
	$('#carousel').cycle({
		startingSlide: 0,
		speed: 500,
		timeout:5000,
		pause:1,
		before: onBefore
	});
	
	function onBefore(curr, next, opts) {
		var cssclass;
		var slide;

		if (opts.addSlide == null) {
			slide = 1;
		} else {
			slide = opts.nextSlide + 1;
		}
		
		switch (slide) {
			case 1:
				cssclass = 'website-design';
				break;
			case 2:
				cssclass = 'web-development';
				break;
			case 3:
				cssclass = 'internet-marketing';
				break;
			case 4:
				cssclass = 'hosting-and-email';
				break;
			default:
				cssclass = 'website-design';
		}

		$('#carousel-captions a').removeClass('on');
		$('#carousel-captions .' + cssclass + ' a').addClass('on');
	}
});