// Fades gallery window out on page load  
// to allow for fade in visual effect
jQuery(function() {
				
	jQuery('#slides').fadeOut(1);
							   
});


//Fades gallery window into focus on page load.
jQuery(function() {
				
	var photoTag = jQuery('#slides p');
				
	jQuery('#prevNext a').click(function(){
		jQuery(photoTag).fadeOut(10);
		setTimeout(function() {jQuery(photoTag).fadeIn(500);}, 500);					   
									   
	});
 });



// Controls the sliding images
jQuery(function() {
	jQuery("div#controller").jFlow({
		slides: "#slides",
		width: "810px",
		height: "370px"
	});
});





var FullscreenrOptions = {  width: 1024, height: 683, bgID: '#bgimg' };
// This will activate the full screen background!
jQuery.fn.fullscreenr(FullscreenrOptions);