
function slideSwitch() {
	var $active = $('#slideshow2 IMG.active');

	if ( $active.length == 0 ) $active = $('#slideshow2 IMG:last');

	// use this to pull the images in the order they appear in the markup
	var $next =  $active.next().length ? $active.next()
		: $('#slideshow2 IMG:first');

	// 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: 1.0}, 1000, function() {
			$active.removeClass('active last-active');
		});
}

function onBefore() {
	$('#slideshow1').fadeOut('slow',function() {
		if ($.browser.msie)
			this.style.removeAttribute('filter');
		});
}

function onAfter() {
	$('#slideshow1').html('<p>' + this.alt + '</p>'); 
	$('#slideshow1').fadeIn("fast",function() {
		if ($.browser.msie)
			this.style.removeAttribute('filter');
		});
}

$(document).ready(function(){
	setHeights();

	$('#slideshow2').cycle({ 
		timeout: 9000,
		before: onBefore,
		after: onAfter
	});

});


function setHeights() {
		$("#copy2").css({'width': 750}); 
}