/*
 * Slideshow Functions
 */
 
$(window).load(function()
{
	//this is intended to wait for all the images to load before running the slideshow
	init_slideshow()
})

init_slideshow = function()
{
	$('#slides').cycle({
		fx:'fade',
		timeout:5000,
		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())
	
}

/*
 * Showcase Functions
 */
 
jQuery(document).ready(function(){
	
	$(".showcase img").fadeTo(125, 0.9); // This sets the opacity of the thumbs to fade down to 90% when the page loads
	
	$(".showcase img").hover(function(){
		$(this).fadeTo(75, 1.0); // This should set the opacity to 100% on hover
	},
	
	function(){
		$(this).fadeTo(125, 0.9); // This should set the opacity back to 90% on mouseout
	});
	
});