<!-- Navigation Animation -->
function fade_in(id) {
		$("#"+id).stop().animate({
			opacity: 0
		}, 200);		
}
function fade_out(id) {
		$("#"+id).stop().animate({
			opacity: 1
		}, 150);		
}

<!-- Load Gallery Functions -->
function galleryLoad() {
	<!-- Load Gallery -->
	$('#gallery').galleryView({
		filmstrip_position: 'bottom',
		panel_scale: 'nocrop',
		frame_scale: 'crop',
		pointer_size: 5,
		panel_width: 606,
		panel_height: 456,
		frame_width: 75,
		frame_height: 60,
		frame_opacity: 0.5,
		overlay_opacity: 0,
		transition_speed: 700,
		easing: 'easeInOutQuad',
		transition_interval: 0
	});
	
	<!-- Overlay Animation -->
	$(function() {
		// on mouse over
		$(".gallery").hover(function () {
			// animate opacity to full
			$(".overlay-background").stop().animate({
				opacity: 0.6
			}, 700);
			$(".panel-overlay").stop().animate({
				opacity: 1
			}, 1000);
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(".overlay-background").stop().animate({
				opacity: 0
			}, 700);
			$(".panel-overlay").stop().animate({
				opacity: 0
			}, 700);
		});
	});
}

function galleryLoad2() {
	<!-- Load Gallery -->
	$('#gallery').galleryView({
		filmstrip_position: 'bottom',
		panel_scale: 'nocrop',
		frame_scale: 'crop',
		pointer_size: 5,
		panel_width: 606,
		panel_height: 456,
		frame_width: 75,
		frame_height: 60,
		frame_opacity: 0.5,
		overlay_opacity: 0,
		transition_speed: 700,
		easing: 'easeInOutQuad',
		transition_interval: 0
	});
}

function homeLoad() {
	<!-- Hide Images Before Load -->
	document.getElementById('home-nav-2').style.visibility = "hidden";
	img0 = new Image;
	img0.src = "../images/loader.gif";
}

function homeLoad2() {
	<!-- Load Images -->
	img1 = new Image;
	img1.src = "../images/home/arch-1.png";
	img2 = new Image;
	img2.src = "../images/home/arch-2.png";
	img3 = new Image;
	img3.src = "../images/home/design-1.png";
	img4 = new Image;
	img4.src = "../images/home/design-2.png";
	img5 = new Image;
	img5.src = "../images/home/info-1.png";
	img6 = new Image;
	img6.src = "../images/home/info-2.png";
	img7 = new Image;
	img7.src = "../images/home/skills-1.png";
	img8 = new Image;
	img8.src = "../images/home/skills-2.png";
	img9 = new Image;
	img9.src = "../images/home/logo.png";
	img10 = new Image;
	img10.src = "../images/home/dash.png";
	document.getElementById('home-loader').style.display = "none";
	document.getElementById('home-nav-2').style.visibility = "visible";
}