/* arrays will hold
	- index value for each menu
	- name of the menu item displayed
	- the URL to put inside the link
*/
var subMenu = new Array();

	
	subMenu[1] = new Array();

			
	
	subMenu[2] = new Array();
		subMenu[2][4] = new Array();
			subMenu[2][4]["name"] = "NEW-Webcam Lessons";
			subMenu[2][4]["url"] = "weblessons.htm";
		subMenu[2][0] = new Array();
			subMenu[2][0]["name"] = "Songs 'n Solos";
			subMenu[2][0]["url"] = "songssolos.php";
		subMenu[2][1] = new Array();
			subMenu[2][1]["name"] = "Videos";
			subMenu[2][1]["url"] = "videos.php";
		subMenu[2][2] = new Array();
			subMenu[2][2]["name"] = "Register";
			subMenu[2][2]["url"] = "registration_form.php";
		subMenu[2][3] = new Array();
			subMenu[2][3]["name"] = "Lesson Info";
			subMenu[2][3]["url"] = "lesson.php";


	subMenu[3] = new Array();
	subMenu[4] = new Array();
	subMenu[5] = new Array();
	subMenu[6] = new Array();
	subMenu[7] = new Array();
	subMenu[8] = new Array();
	subMenu[9] = new Array();
	subMenu[10] = new Array();
	
	
	
	
	

 function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
		

	curtop = (navigator.appName.toLowerCase() == "netscape")?curtop - 20:curtop;
	
    return curtop;
  }
  
  
var timer = null;

function moveMenu(){

		//timer=setTimeout("document.getElementById('submenu').style.display = 'none';",2000);
		timer=setTimeout("document.getElementById('submenu').style.left = '-1000px';",2000);//moving it OFF the page, as opposed to making it invisible
}



function setupMenu(menuNum, obj, show){


	//var testDiv = document.getElementById('testdiv');
	//alert(testDiv.firstChild.nodeValue);
	//alert("show is: " + show);
	//alert(findPosX(obj));
	//testDiv.innerHTML = "<br>starting process";
	
	//if it is set to 'show' AND that menu index number has items in it.
	if(show){
		killTimer();
		//if there are no menu items just move it off the page
		if(subMenu[menuNum].length == 0){
			document.getElementById('submenu').style.left = '-1000px';
		} else {
		
		

		//set up the next instance - at the right location
		document.getElementById('submenu').style.display = 'block';
		document.getElementById('submenu').style.left = findPosX(obj)+"px";
		document.getElementById('submenu').style.top = parseInt(findPosY(obj)+35) + "px";
		//testDiv.innerHTML = "<br>showing menu";
		
		pullSubMenuItems(menuNum);
		}
		
	} else {
		//testDiv.innerHTML = "<br>closing menu";
		//alert("var show is " + show + "setting timer");
		//document.getElementById('submenu').style.display = 'none';
		//window.setTimeout(moveMenu(),100000000000);
		//timer=setTimeout("moveMenu()",2000);
		moveMenu();

	}
}

function killTimer(){
	clearTimeout(timer);
	//var testDiv = document.getElementById('testdiv');
	//document.getElementById('testdiv').innerHTML = "<br>Kill Timer";
}
	
function pullSubMenuItems(idx){
	//alert("setting up submenu #"+idx);
	//alert("submenu item "+ idx + " has a length of " + subMenu[idx].length);
	
	var ul = document.getElementById('submenulist');
	
	var li = ul.getElementsByTagName('li');
	
	//alert("ul has " + li.length + "children");
	
	var childCount = li.length;
	
	//get rid of the old list items, so that we can put new ones in.
	for(var i = 0; i < childCount; i++){//can't use li.length in the loop since it's value decremets with each deletion during a loop
		//alert("child number " + i + " says: " + li[li.length-1].firstChild.innerHTML);
		
		//we should actually work backwords, because when you delete the first child, the indexes all change
		ul.removeChild(li[li.length-1]);
	}

	//now we need to grab all the values in the submenu array at index 'idx' and create new <li>'s
	//only, make sure that there are values at that index
	if(subMenu[idx]){
		for(var i = 0; i < subMenu[idx].length; i++){
			//alert(subMenu[idx][i]["name"] + " - " + subMenu[idx][i]["url"]);
			var newLI = document.createElement('li');
			newLI.innerHTML= "<a href=\"" + subMenu[idx][i]["url"] + "\">" + subMenu[idx][i]["name"] + "</a>";
			ul.appendChild(newLI);
		}
	}
	
}