// 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');
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		posArray = new Array (curleft, curtop);
		return posArray;
	}
}
function setXpos(obj1, obj2){
	navObj = document.getElementById(obj1);
	menuObj = document.getElementById(obj2+"Container");
	result = findPos(navObj);
	newX = result[0] + parseInt(wVal);
	menuObj.style.left = xOffset+newX+"px";
}

navObj = document.getElementById("mainNavLinks");
xy_pos = findPos(navObj);

xVal = xy_pos[0];
yVal = xy_pos[1];
wVal = navObj.width;
		
var yStartHardCode = 207;		
var curMenu = 0;
var curMenuScript = null;

var yStart = parseInt(yVal);
if (yStart <= 0 && yStartHardCode != 0) yStart = yStartHardCode;
var xOffset = 1;
var yOffset = 0;
var menuX = xOffset+parseInt(xVal)+parseInt(wVal);
var menuY = 0;
var menuW = 200;
var menuH = 0;

var btnHeight = 31;
var innerBtnHeight = 28;

for (var i in dirArray){
	menuY = yOffset + yStart + (btnHeight*curMenu);
	menuH = (innerBtnHeight * (dirArray[i].length+1));
	
	menuItem = new AnimatedMenu("menu"+idArray[curMenu], "#navBtn"+idArray[curMenu], "right", menuX, menuY, menuW, menuH);

	curMenuArray = dirArray[i]
	curMenuScript = '<div id="menu'+idArray[curMenu]+'Container" style="display:none; z-index:10;">\n';
	curMenuScript += '<div id="menu'+idArray[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, obj) { 
	$(btnID).addClass('mainNav_over'); 
	setXpos("mainNavLinks", obj);
};
AnimatedMenu.prototype.ondeactivate = function(btnID) { $(btnID).removeClass('mainNav_over'); };