// JavaScript Document
var toddlerNavElement = null;
var preNavElement = null;
var adultNavElement = null;
var selectedNav = null;

var toddlerBodyElement = null;
var preBodyElement = null;
var adultBodyElement = null;

var monthlyPaymentOption_P = null;
var semesterMakeups_P = null;
var toddlerMakeups_P = null;

function init() {
	toddlerNavElement = document.getElementById("toddlerNav");
	preNavElement = document.getElementById("preNav");
	adultNavElement = document.getElementById("SeventoAdultNav");
	
	toddlerBodyElement = document.getElementById("toddlerBody");
	preBodyElement = document.getElementById("preBody");
	adultBodyElement = document.getElementById("adultBody");
	
	monthlyPaymentOption_P = document.getElementById("monthlyPaymentOption");
	semesterMakeups_P = document.getElementById("semesterMakeups");
	toddlerMakeups_P = document.getElementById("toddlerMakeups");
}

window.onload = init;

function tuitionNavClick(navElement, bodyElementId) {
	//Turn off the "Please Select" line
	document.getElementById("pleaseSelect").style.display = "none";
	
	//Set the current selectedElement
	selectedNav = navElement;
	//Set them all back to "unset"
	toddlerNavElement.style.backgroundColor = "#faf8ec";
	preNavElement.style.backgroundColor = "#faf8ec";
	adultNavElement.style.backgroundColor = "#faf8ec";
	//Set the current nav element
	selectedNav.style.backgroundColor = "#ecdda7";
	
	//reset all the context sensitve bodies
	toddlerBodyElement.style.display = "none";
	preBodyElement.style.display = "none";
	adultBodyElement.style.display = "none";
	
	//display the new selected content
	curBody = document.getElementById(bodyElementId);
	curBody.style.display = "block";
	
	//display the commonBody div
	document.getElementById("commonBody").style.display = "block";
	
	//Special Cases
		//Fisrt just reset them all
		monthlyPaymentOption_P.style.display = "none";
		semesterMakeups_P.style.display = "none";
		toddlerMakeups_P.style.display = "none";
	
	switch(bodyElementId) {
		case "toddlerBody":
			toddlerMakeups_P.style.display = "block";
			break;
		case "preBody":
			monthlyPaymentOption_P.style.display = "block";
			semesterMakeups_P.style.display = "block";
			break;
		case "adultBody":
			monthlyPaymentOption_P.style.display = "block";
			semesterMakeups_P.style.display = "block";
			break;
	}
		
	
}

function navElementMouseOver(navElement) {
	navElement.style.cursor = "pointer";
	navElement.style.backgroundColor = "#ecdda7";
}

function navElementMouseOut(navElement) {
	if(selectedNav != navElement) {
		//only change the background back if it is NOT the currently selected navElement
		navElement.style.backgroundColor='#faf8ec';
	}
}