//--------------------------------------------------------
//ON PAGE LOAD
//--------------------------------------------------------
$(document).ready(function() {
	
	//load all css images through out website
	$.preloadCssImages();
	
	//hide page elements
	$("img#page_title").hide();
	$("#photoalbum").hide();
	$(".slideshow").hide();
	
	//show page elements.
	$("img#page_title").fadeIn(1000);
	$("#photoalbum").fadeIn(3000);
	$(".slideshow").fadeIn(3000);
	
	//home links animation
	$('#homepage_link, #home_link').delay(3000).fadeTo('slow', 0.1, function() {});//show then fade to ini opacity
	//on hover animate fade but (DO NOT) !
	$('#homepage_link, #home_link').hover(function() {
	  $(this).stop().fadeTo('slow', 1);
	}, function() {
	  $(this).stop().fadeTo('slow', 0.1);
	});
	//hide navigation now set using php conditional statement and inline css for homepage.
	//$('#navigation_container').hide();//maybe hide this with php based on directory?
	
	//--------------------------------------------------------
	//animate navigation open on home click.
	//--------------------------------------------------------
	$('#home_link').click(function() {
	  $('#navigation_container').animate({
		height: ['toggle', 'easeOutBounce']
	  }, 800, function() {
		// Animation complete.
	  });
	  return false;
	});
});
//--------------------------------------------------------
//GENERAL FUNCTIONS
//--------------------------------------------------------