var overL1 = false;
var overL2 = false;

onLoadAdd("menuInit()");

function menuInit(){
	
	l1Settings = {
	  tl: false,
	  tr: false,
	  bl: { radius: 5 },
	  br: { radius: 5 },
	  antiAlias: true,
	  autoPad: false
	}
	  
	l2Settings = {
	  tl: false,
	  tr: { radius: 5 },
	  bl: { radius: 5 },
	  br: { radius: 5 },
	  antiAlias: true,
	  autoPad: false
	}
	  
	var l1Corners = new curvyCorners(l1Settings, "l1CurvyWrapper");
	l1Corners.applyCornersToAll();
	
	var l2Corners = new curvyCorners(l2Settings, "l2CurvyWrapper");
	l2Corners.applyCornersToAll();
	
	positionL2();
}

function positionL2(){
	//iterate over each of the l1 items and from that try and get matching l2 items
	var index = 0;
	var l1Element;
	var l2Element;
	
	do {
		l1Element = document.getElementById("l1_" + index);
		
		if (l1Element !== null) {
			//got the l1
			l2Element = document.getElementById("l2_" + index);
			if (l2Element !== null) {
				//got the l2 element
				l2Element.style.left = l1Element.offsetLeft;
				l2Element.style.top = parseInt(l1Element.offsetHeight + l1Element.style.height) + 20;
			}
		}
		
		index++;
	} while (l1Element !== null)
	
}

function showL1(menuOption) {
	showSubMenu(menuOption);
	overL1 = true;
	overL2 = false;
}

function showL2(menuOption) {
	showSubMenu(menuOption);
	overL1 = false;
	overL2 = true;
}

function showSubMenu(menuOption) {
	findProductOff();
	var idComponents = menuOption.id.split("_", 2);
	var l1Id = "l1_" + idComponents[1];
	var l2Id = "l2_" + idComponents[1];
	
	document.getElementById(l1Id).style.height = 50;
	document.getElementById(l2Id).style.display="block";
}

function hideL1(menuOption){
	if ((overL2 == false)) {
		hideSubMenu(menuOption.id);
	} else {
		overL1 = false;
	}
}

function hideL2(menuOption){
	if (overL1 !== true) {
		hideSubMenu(menuOption.id);
	} else {
		overL1 = true;
		overL2 = false;
	}
}

function hideSubMenu(menuOptionId){
	findProductOn();	
	var idComponents = menuOptionId.split("_", 2);
	var l1Id = "l1_" + idComponents[1];
	var l2Id = "l2_" + idComponents[1];
	
	document.getElementById(l1Id).style.height = 20;
	document.getElementById(l2Id).style.display="none";
	overL1 = false;
	overL2 = false;
}

function findProductOff(){
	var obj = document.getElementById("findProductContainer");
	var parentObj = obj.parentNode; 
	parentObj.style.zIndex=10;
}
function findProductOn(){
	var obj = document.getElementById("findProductContainer");
	var parentObj = obj.parentNode; 
	parentObj.style.zIndex=95;
}