function slideSwitch() {
			var $active = $('#slideshow IMG.active');
			
			if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
		
			// use this to pull the images in the order they appear in the markup
			var  $next =  $active.next().length ? $active.next()
				: $('#slideshow IMG:first');
			
			//alert($next.value);
		
			// uncomment the 3 lines below to pull the images in random order
			
			// var $sibs  = $active.siblings();
			// var rndNum = Math.floor(Math.random() * $sibs.length );
			// var $next  = $( $sibs[ rndNum ] );
		
		
			$active.addClass('last-active');
		
			$next.css({opacity: 0.0})
				.addClass('active')
				.animate({opacity: 0.6}, 1000, function() {
					$active.removeClass('active last-active');
				});
		}
	
	
		$(document).ready(function() {
			/*
			*   Examples - images
			*/
			setInterval( "slideSwitch()", 5000 );
			
			$("a#example1").fancybox({
				'titleShow'     : true
			});

			
			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'slow',
				'transitionOut'		: 'slow',
				'titlePosition' 	: 'over',
				'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
					
				    return '<span id="fancybox-title-over">' + $("#imgcaption1").text() + " " +(currentIndex + 1) + ' / ' + currentArray.length + '</span>';
				}
			});
			
			/*
			*   Examples - various
			*/
			$(".variousCLS").fancybox({
			    'padding'           : 0,
		        'autoScale'     	: false,
		        'transitionIn'		: 'slow',
				'transitionOut'		: 'slow'
			});
			
			 
		 
		});