$(document).ready(function() {
	hideAll();
	$("#about").show();
	setBG($("#showAbout"));

	$("#showAbout").click(function() {
		show("#showAbout", "#about");
	});
	$("#showMashapers").click(function() {
		show("#showMashapers", "#mashapers");
	});
	$("#showTechnology").click(function() {
		show("#showTechnology", "#technology");
	});
	$("#showMotto").click(function() {
		show("#showMotto", "#motto");
	});
	$("#showJolly").click(function() {
		show("#showJolly", "#jolly");
	});
});

function show(selector, divSelector) {
	hideAll();
	$(divSelector).show();
	resetBG();
	setBG(selector);
}

function resetBG() {
	$("#showAbout").removeClass('menu-on');
	$("#showMashapers").removeClass('menu-on');
	$("#showTechnology").removeClass('menu-on');
	$("#showMotto").removeClass('menu-on');
	$("#showJolly").removeClass('menu-on');
}

function setBG(obj) {
	$(obj).addClass("menu-on");
}

function hideAll() {
	$("#about").hide();
	$("#mashapers").hide();
	$("#technology").hide();
	$("#motto").hide();
	$("#jolly").hide();
}