// SET CSS
$(function() {
	$("#home_img").css('opacity', 0);
	$("#logo").css('opacity', 0);
	$("#nav").css('opacity', 0);
	$("#orvis_gsoy").css('opacity', 0);
	$("#orvis_endorsed").css('opacity', 0);
	$("#usgs").css('opacity', 0);
	$("#facebook").css('opacity', 0);
	$("#fishing_reports").css('opacity', 0);
	
	$("#sidebar").css('height', 0);
	$("#main_content").css('height', 0);
	
	$("#nav li").css('margin-left', -50);
	$("#nav li").css('opacity', 0);
	
	
//	$("div#rotator ul li.show").css('z-index', 500)
//	$("#img_wrap ul").css('overflow', 'hidden');
//	$("#home_img").animate({opacity: 1}, 1000);
		
});


// HOME LOAD FUNCTION
function doYoThing() {
	
	$("#sidebar").animate({height: 580}, 1000, function(){
		$("#main_content").animate({height: 580}, 1000, function() {
			$("#logo").animate({opacity: 1}, 1000, function() {
				navan();
				$("#nav").animate({opacity: 1}, 1000);
				$("#home_img").animate({opacity: 1}, 3000, function() {
					$("#orvis_gsoy").animate({opacity: 1}, 1000, function() {
						$("#usgs").animate({opacity: 1}, 1000);
						$("#orvis_endorsed").animate({opacity: 1}, 1000);
						$("#facebook").animate({opacity: 1}, 1000);
						$("#fishing_reports").animate({opacity: 1}, 1000);
					});
				});
			});
		});
		
	});		
}

// NAV LOAD FUNCTION
function navan() {
	$(".first").animate({opacity: 1, marginLeft: 25}, 300, function(){
		$(".second").animate({opacity: 1, marginLeft: 25}, 300, function(){
			$(".secondandhalf").animate({opacity: 1, marginLeft: 25}, 300, function(){
			$(".third").animate({opacity: 1, marginLeft: 25}, 300, function(){
				$(".fourth").animate({opacity: 1, marginLeft: 25}, 300, function(){
					$(".fifth").animate({opacity: 1, marginLeft: 25}, 300, function(){
						$(".sixth").animate({opacity: 1, marginLeft: 25}, 300, function(){
							$(".last").animate({opacity: 1, marginLeft: 25}, 300, function() {
								navhov();
							});
 						});
					});
				});
			});
			});
		});
	});
}

// NAV HOVER FUNCTION
function navhov() {
	$("#nav li").hover(function() {
		$(this).stop().animate({marginLeft: 40}, 500)
	}, function() {
		$(this).stop().animate({marginLeft: 25}, 500)
	});
}

// LOAD STUFF FUNCTION
function contentload() {
	
	$(".first").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('index.html #hmc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});

	$(".second").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('about.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
	
	$(".secondandhalf").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('our_guides.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
	
	$(".third").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('guided_trips.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
	
	$(".fourth").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('water_types.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
	
//	$(".fifth").click(function () {
//		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
//			$(("#main_content")).load('gallery.html #mc_ins', function() {
//				$((this)).animate({opacity: 1}, 500, function() {
//					$('#photos').galleryView({
//						panel_width: 450,
//						panel_height: 325,
//						frame_width: 100,
//						frame_height: 100
//					});
//				});
//			});
//		});
//	});
	
	$(".sixth").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('links.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
	
	$(".last").click(function (event) {
		event.preventDefault();
		$("#mc_ins, #hmc_ins").animate({opacity: 0}, 500, function() {
			$(("#main_content")).load('contact.html #mc_ins', function() {
				$((this)).animate({opacity: 1}, 500);
			});
		});
	});
}

$(window).load(function () {
	doYoThing();
	contentload();
});