$(function() {
    $('#slideshow').cycle({
        fx:'fade',
        speed:600,
        timeout:6000,
        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 2 and changing the 
	text color to be blue.*/
	if(this.alt == "blah") /*Put alt description for that particular image here.*/
	{
		$('#caption').css({color:'#1f355c'})//change image 2 text color to be blue
	}
	else
	{
		$('#caption').css({color:'#fff'})//the other text on the images are white
	}
}