$(document).ready(function() {

	openAbout();

	$('#nav .about').click( function() {
		if ($(this).hasClass("Aon")) {
		return false;	
		} else if ($('#nav .visitability').hasClass("Von")) {
			closeVisitability();
			openAbout();
		} else if ($('#nav .contact').hasClass("Con")) {
			closeContact();
			openAbout();
		} else if ($('#nav .portfolio').hasClass("Pon")) {
			closePortfolio();
			openAbout();
		}
   	});
	
	$('#nav .visitability').click( function() {
		if ($(this).hasClass("Von")) {
		return false;	
		} else if ($('#nav .about').hasClass("Aon")) {
			closeAbout();
			openVisitability();
		} else if ($('#nav .contact').hasClass("Con")) {
			closeContact();
			openVisitability();
		} else if ($('#nav .portfolio').hasClass("Pon")) {
			closePortfolio();
			openVisitability();
		}
   	});
	
	$('#nav .portfolio').click( function() {
		if ($(this).hasClass("Pon")) {
		return false;	
		} else if ($('#nav .about').hasClass("Aon")) {
			closeAbout();
			openPortfolio();
		} else if ($('#nav .contact').hasClass("Con")) {
			closeContact();
			openPortfolio();
		} else if ($('#nav .visitability').hasClass("Von")) {
			closeVisitability();
			openPortfolio();
		}
   	});

	$('#nav .contact').click( function() {
		if ($(this).hasClass("Con")) {
		return false;	
		} else if ($('#nav .about').hasClass("Aon")) {
			closeAbout();
			openContact();
		} else if ($('#nav .visitability').hasClass("Von")) {
			closeVisitability();
			openContact();
		} else if ($('#nav .portfolio').hasClass("Pon")) {
			closePortfolio()
			openContact();
		}
   	});

	
});

function openAbout() {
	$("#about").show();
	$("#about h2").animate({marginTop: "0px"}, "slow",function () {
        $("#aboutContent").fadeIn("slow");
		$("#nav .about").addClass("Aon");
		});	
}

function closeAbout() {
	$("#about h2").animate({marginTop: "-59px"}, "slow",function () {
        $("#aboutContent").fadeOut("slow");
		$("#nav .about").removeClass("Aon");
		});
	$("#about").hide();
	
}

function openVisitability() {
	$("#visitability").show();
	$("#visitability h2").animate({marginTop: "0px"}, "slow",function () {
        $("#visitabilityContent").fadeIn("slow");
		$("#nav .visitability").addClass("Von");
		});	
}

function closeVisitability() {
	$("#visitability h2").animate({marginTop: "-59px"}, "slow",function () {
        $("#visitabilityContent").fadeOut("slow");
		$("#nav .visitability").removeClass("Von");
		});
	$("#visitability").hide();
	
}


function openPortfolio() {
	$("#portfolio").show();
	$("#nav .portfolio").addClass("Pon");
	showGallery("mcscott");
}

function closePortfolio() {
	$("#nav .portfolio").removeClass("Pon");
	stopGallery();
	$("#portfolio").fadeOut("slow");
	$("#portfolio").hide();
}

function openContact() {
	$("#contact").show();
	$("#contact h2").animate({marginTop: "0px"}, "slow",function () {
        $("#contactContent").fadeIn("slow");
		$("#nav .contact").addClass("Con");
		});	
}

function closeContact() {
	$("#contact h2").animate({marginTop: "-59px"}, "slow",function () {
        $("#contactContent").fadeOut("slow");
		$("#nav .contact").removeClass("Con");
		});
	$("#contact").hide();
}


function showGallery(gallery) {
	$("#" + gallery + "Gallery").fadeIn("slow");
	$("#portfolioNav #" + gallery).addClass("on");
	$("#" + gallery + "Gallery").cycle({fx:'fade', speed:1000, timeout:2000,next:'#' + gallery + 'Gallery',pause:1});
}

function stopGallery() {
	gallery = $("#portfolioNav li a.on").attr("id");
	$("#" + gallery + "Gallery").cycle('stop');
	$("#portfolioNav #" + gallery).removeClass("on");
	$("#" + gallery + "Gallery").hide();
}