var currentPage;
var currentProj;
$("#navigation.home_bgDiv").css("background","none").css("border-bottom","none");
$(".home_bgDiv.navlink").addClass("nav_a");
$(".home_bgDiv").css("background","#242424").css("border-bottom","5px solid #0081ec");

port_fadeOut("usc");
port_fadeOut("gsk");
port_fadeOut("derivativ");
port_fadeOut("westphal");
port_fadeOut("steelers1");
port_fadeOut("steelers2");
port_fadeOut("fallout3");
port_fadeIn("instructions");

$(document).ready(function() {
	

    $('.gallery a').lightBox();

	currentPage = 'home';
	currentProj = 'instructions';

	if (navigator.userAgent.indexOf("Firefox")!=-1) {
		$("#gMask_left").css("display","none");
		$("#gMask_right").css("display","none");
	}
	
	$(".pageBtn_home_top").click(function() {
		if (currentPage != "home") {
			currentPage = 'home';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
		}
	});
	
	
	$(".pageBtn_home").click(function() {
		if (currentPage != "home") {
			currentPage = 'home';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
			$(this).removeClass("nav_a");
			$(".home_bgDiv").css("background","#242424").css("border-bottom","5px solid #0081ec");
		}
	});
	
	$(".pageBtn_portfolio").click(function() {
		if (currentPage != "portfolio") {
			currentPage = 'portfolio';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
			$(this).removeClass("nav_a");
			$(".portfolio_bgDiv").css("background","#242424").css("border-bottom","5px solid #7ac10a");
		}
	});
	
	$(".pageBtn_resume").click(function() {
		if (currentPage != "resume") {
			currentPage = 'resume';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
			$(this).removeClass("nav_a");
			$(".resume_bgDiv").css("background","#242424").css("border-bottom","5px solid #f7e512");
		}
	});
	
	$(".pageBtn_philosophy").click(function() {
		if (currentPage != "philosophy") {
			currentPage = 'philosophy';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
			$(this).removeClass("nav_a");
			$(".philosophy_bgDiv").css("background","#242424").css("border-bottom","5px solid #f75e12");
		}
	});
	
	$(".pageBtn_friends").click(function() {
		if (currentPage != "friends") {
			currentPage = 'friends';
			animateOn(currentPage);
			$(".nav").css("background","none").css("border-bottom","none");
			$(".navlink").addClass("nav_a");
			$(this).removeClass("nav_a");
			$(".friends_bgDiv").css("background","#242424").css("border-bottom","5px solid #e00c0c");
		}
	});
	
	
	$(".p_usc").click(function() {
		if (currentProj != "usc") {
			port_fadeOut(currentProj);
			currentProj = 'usc';
			port_fadeIn(currentProj);
		}
	});
	
	$(".p_derivativ").click(function() {
		if (currentProj != "derivativ") {
			port_fadeOut(currentProj);
			currentProj = 'derivativ';
			port_fadeIn(currentProj);
		}
	});
	
	$(".p_westphal").click(function() {
		if (currentProj != "westphal") {
			port_fadeOut(currentProj);
			currentProj = 'westphal';
			port_fadeIn(currentProj);
		}
	});
	
	$(".p_steelers1").click(function() {
		if (currentProj != "steelers1") {
			port_fadeOut(currentProj);
			currentProj = 'steelers1';
			port_fadeIn(currentProj);
		}
	});
	
	$(".p_steelers2").click(function() {
		if (currentProj != "steelers2") {
			port_fadeOut(currentProj);
			currentProj = 'steelers2';
			port_fadeIn(currentProj);
		}
	});
	
	$(".p_fallout3").click(function() {
		if (currentProj != "fallout3") {
			port_fadeOut(currentProj);
			currentProj = 'fallout3';
			port_fadeIn(currentProj);
		}
	});
});


function port_fadeOut(onProj) {
    $("#port_" + onProj).animate({ opacity: 0 }, 500).removeClass("show").addClass("hide");
}
function port_fadeIn(onProj) {
    $("#port_" + onProj).addClass("show").removeClass("hide").animate({ opacity: 1 }, 500);
}

function animateOn(onPage) {
	switch (onPage) {
	case "home":
		   $("#contentContainer").stop().animate({ 
				marginLeft: "0px"
			  }, 750, "swing", function() { resetPortfolio(); } )
		   $("#content").stop().animate({ 
				borderBottomColor: "#0081ec"
			  }, 750);
		break;
	case "portfolio":
		   $("#contentContainer").stop().animate({ 
				marginLeft: "-960px"
			  }, 750, "swing", function() { resetPortfolio(); }  )
		   $("#content").stop().animate({ 
				borderBottomColor: "#7ac10a"
			  }, 750);
		break;
	case "resume":
		   $("#contentContainer").stop().animate({ 
				marginLeft: "-1920px"
			  }, 750, "swing", function() { resetPortfolio(); }  )
		   $("#content").stop().animate({ 
				borderBottomColor: "#f7e512"
			  }, 750);
		break;
	case "philosophy":
		   $("#contentContainer").stop().animate({ 
				marginLeft: "-2880px"
			  }, 750, "swing", function() { resetPortfolio(); }  )
		   $("#content").stop().animate({ 
				borderBottomColor: "#f75e12"
			  }, 750);
		break;
	case "friends":
		   $("#contentContainer").stop().animate({ 
				marginLeft: "-3840px"
			  }, 750, "swing", function() { resetPortfolio(); }  )
		   $("#content").stop().animate({ 
				borderBottomColor: "#e00c0c"
			  }, 750);
		break;
	}
}

function resetPortfolio() {
	if (currentProj != "instructions") {
		port_fadeOut(currentProj);
		currentProj = "instructions";
		port_fadeIn(currentProj);
	}
}