$(window).load(function()
{
//this is intended to wait for all the images to load before running the slideshow
init_slideshow()})
init_slideshow = function()
{
$('#home_slides').cycle({
fx:'fade',
timeout:8000,
pager:'#slide_navigation',
after:update_slide_caption,
before:fade_slide_caption})
}
fade_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')
caption_container.fadeOut('fast')
}
update_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')
caption = $('span.slide_caption', previous)
caption_container.fadeIn('fast')
caption_container.html(caption.html())	
}	
;