// JavaScript Document
// These are the main functions to initialize the Main Nav (side navigation) for the peter pan website V2.

function navBtnOn(ID){ 
	if (ID != null)	$(ID).addClass('mainNav_over'); 
}
function navBtnOff(ID){
	if (ID != null) $(ID).removeClass('mainNav_over');
}

var curMenu = 0;
var curMenuScript = null;
var menuX = 158;
var menuY = 0;
var menuW = 200;
var menuH = 0;
	
for (var i in dArray){
	menuY = 90 + (22*curMenu);
	menuH = (20 * dArray[i].length)+10;
	
	menuItem = new AnimatedMenu("menu"+cidArray[curMenu], "#navBtn"+cidArray[curMenu], "right", menuX, menuY, menuW, menuH);

	curMenuArray = dArray[i]
	curMenuScript = '<div id="menu'+cidArray[curMenu]+'Container" style="display:none; z-index:10;">\n';
	curMenuScript += '<div id="menu'+cidArray[curMenu]+'Content">\n';
	curMenuScript += '<table border="0" width="100%" cellpadding="0" cellspacing="0" class="mainMenu">\n';
	for (var j in curMenuArray){
		curMenuScript += '<tr><td class="menuItem">'+curMenuArray[j]+'</td></tr>\n';
	}
	curMenuScript += '</table>\n';
	curMenuScript += '</div>\n';
	curMenuScript += '</div>\n';
	document.write(curMenuScript);
	curMenu++;
}

AnimatedMenu.prototype.onactivate = function(btnID) { $(btnID).addClass('mainNav_over'); };
AnimatedMenu.prototype.ondeactivate = function(btnID) { $(btnID).removeClass('mainNav_over'); };