$(document).ready(function(){
	/**** MY ADDED CODE *****/
	/* fade out nav's at load */
	
	$(".arrow_image").fadeTo(0, 0.05);
	$(".nav_image").fadeTo(0, 0.3);
	$(".header_image").fadeTo(0, 0.5);

	/* fade in on hover */
	$(".arrow_link").hover(function(){
		$(this).children("img").fadeTo(150, 0.8);
	},
	function(){
		$(this).children("img").fadeTo(300, 0.05);
	});
	
	$(".nav_image").hover(function(){
		$(this).fadeTo(250, 1);
	},
	function(){
		$(this).fadeTo(300, 0.3);
	});
	
	$(".header_image").hover(function(){
		$(this).fadeTo(250, 1);
	},
	function(){
		$(this).fadeTo(300, 0.5);
	});
	
	/* preload and setup the rest of galleria, set the options, fade the nav */
	/* TO HERE, BACK TO GALLERIA CODE */
	

	jQuery(function($) { $('ul.gallery').galleria({
		history	:true,
		clickNext:true,
		insert : '#main_image',
		onImage : function(image, caption, thumb){
			if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
				image.css('display','none').fadeIn(1000);
			}

			// fetch the thumbnail container
			var _li = thumb.parents('li');

			// fade out inactive thumbnail
			_li.siblings().children('img.selected').fadeTo(500,0.3);

			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');

			//allows us to float the image in the center of the page
			$('#main_image').css('width', image.css('width'));
		},
		onThumb : function(thumb) { // thumbnail effects goes here

			// fetch the thumbnail container
			var _li = thumb.parents('li');

			// if thumbnail is active, fade all the way.
			var _fadeTo = _li.is('.active') ? '1' : '0.3';

			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);

			// hover effects
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
			)
		}
	}); }); 
});