// JavaScript Document

<!--  initialize the slideshow when the DOM is ready -->
$(document).ready(function() {

	$( "#bannerNav li a" ).mouseover(function(){

		navItem = $( this ).parent().attr( 'id' );
		changeSlide( navItem );
	});
	
	$( "#bannerContainer" ).mouseleave(function(){
		
		$( "#banner .slide" ).hide();
		$( "#banner #slide-default" ).fadeIn( 'fast' );
	});

	$( "#projectBannerContainer" ).mouseleave(function(){
		
		$( "#banner .slide" ).hide();
		$( "#banner #slide-default" ).fadeIn( 'fast' );
	});

});

function changeSlide( navItem ){
	
	$( "#banner .slide" ).hide();
	$( "#slide-" + navItem ).fadeIn( 'fast' );
};