$(function() {
    $('#slideshow').cycle({
        fx:'fade',
        speed:600,
        timeout:4000,
        pager:'#slideshow_nav',
        pagerEvent:'click',
        fastOnEvent:true,
        before:onbefore
    });
});

function onbefore() {
	$('#slideshow_nav').css({position:'absolute', bottom:'15px', right:'15px', zIndex:'101'})
	$('#caption').html(this.alt);
	$('#caption').css({position:'absolute', bottom:'40px', left:'0', zIndex:'101'})
	
	/* This IF statement will change the color of the captions of the slideshow images 
	on default.htm. Right now I am finding the alt text for image 3 and changing the 
	text color to be red.*/
	if(this.alt == "Image 3")
	{
		$('#caption').css({color:'#cc3333'})//change image 3 text color to be red
	}
	else
	{
		$('#caption').css({color:'#fff'})//the other text on the images are white
	}
}