function findPos(obj) {
    var nleft = 0;
    var ntop = 0;
    if (obj.offsetParent) {
        nleft = obj.offsetLeft
        ntop = obj.offsetTop
        while (obj = obj.offsetParent) {
            nleft += obj.offsetLeft
            ntop += obj.offsetTop
        }
    }
    return [nleft,ntop];
}

var overList = new Array();

function onMouseOver(menuNumber,xoffset) {
	
	cleanMenus();
	
	var parentContainer = document.getElementById('mainmenu');
	var parentContainerPositionData = findPos(parentContainer);
	var parent = document.getElementById('parent_'+menuNumber);
	var parentPositionData = findPos(parent);
	var child = document.getElementById('child_'+menuNumber);
	child.style.left = (parentPositionData[0]-parentContainerPositionData[0])+xoffset+'px';
	var childLength = document.getElementById('length_'+menuNumber).value;
	/*child.style.top = '-'+(childLength*44)+'px';*/
	var parentBg = document.getElementById('parentBg_'+menuNumber);
	var onOverPositionData = findPos(parentBg);
	var onOverTop = onOverPositionData[1]-parentContainerPositionData[1];
	child.style.top = onOverTop+'px';
	parentBg.style.backgroundColor = "#684B2A";
	var aTag = document.getElementById('pBg_link_'+menuNumber);
	aTag.style.color = "#ffffff";
	child.style.display = 'block';
	
	var menu = new Array();
	menu.child = child;
	menu.parentBg = parentBg;
	menu.aTag = aTag;
	overList.push(menu);
	

}

function resetMenus() {
	
	var overListLength = overList.length;
	
	if(overListLength>0) {
		
		for (var i=0;i<overListLength;i++) {
			
			var child = overList[i].child;
			child.style.display = 'none';
			
			var parentBg = overList[i].parentBg;
			parentBg.style.backgroundColor = "";
			
			var aTag = overList[i].aTag;
			aTag.style.color = "#000000";
			
		}
		
		overList.splice(0, overList.length-1);
		
	}		
	
}

function cleanMenus() {
	
	var overListLength = overList.length;
	
	if(overListLength>0) {
	
		for (var i=0;i<overListLength;i++) {
			
			var child = overList[i].child;
			child.style.display = 'none';
			
			var parentBg = overList[i].parentBg;
			parentBg.style.backgroundColor = "";
			
			var aTag = overList[i].aTag;
			aTag.style.color = "#000000";
			
		}
		
	}
	overList.splice(0, overList.length-1);
	
}