/*
Title:      Menu JS Page
Author:     Ben Babics, bbabics@organic.com
Notes:      Controlls menu elements
*/



onload_register('setupNav()');

function setupNav()
{
	var myTitleContent = document.getElementById("o-custom-title");
	myTitleContent.innerHTML = '<span>'+'How to use your Jeep Wrangler Soft Top'+'</span>';// Static Title
	//define vars
	var loc = document.location.href;
	var nav = document.getElementById('left_nav');
	var li = nav.getElementsByTagName('li');
	var h1 = document.getElementById('contentCont').getElementsByTagName('h1')[0].id;
	var h2;
	
	//if sub-nav id exists
	if (document.getElementById('contentCont').getElementsByTagName('h2')[0])
	{
		var h2 = document.getElementById('contentCont').getElementsByTagName('h2')[0].id;
	}
		//loop through list, check against the page headline id
		for (i=0; i < li.length; i++ )
		{
			var curr_li = li[i];
			var curr_id = curr_li.id;
			//var child = curr_li.lastChild;
			var parent = curr_li.parentNode.id;
				//set tracking
				if (curr_li.parentNode.id == 'left_nav')
				{
					//lpos as main nav
					var myTarget = $('menu_'+curr_id).getElementsByTagName('a')[0];
					myTarget.setAttribute('name', '&lpos=' +'left_nav&lid=' + myTarget.innerHTML);
					document.getElementById(li[i].id).style.display ="none"
				}
				else
				{
					//lpos for sub-nav: name is of grandparent li
					curr_li.firstChild.setAttribute('name', '&lpos=' + curr_li.parentNode.parentNode.id + '_subnav&lid=' + curr_id);
				}
			
				//if current list item's id matches the headline id in the main-nav
				if ( (curr_id == h1) && (parent == 'left_nav') )
				{					
					//assign selected className
					addClass(curr_li, 'selected');
					addClass(document.getElementById("menu_"+curr_li.id), 'selected');
					var nav_id = curr_id;
					document.getElementById(curr_li.id).style.display ="block"
					if (curr_li.getElementsByTagName('ul')[0]) var subnav = curr_li.lastChild;
				}
				
				//if current list item's id matches the headline id in the sub-nav
				if(subnav)
				{
					var numChildren = subnav.childNodes.length;
					for(j=0; j < numChildren; j++)
					{
						var child = subnav.childNodes[j];						
						if (child.id == h2)
						{
							addClass(child, 'selected');
							var child_id = child.id;
						}
						
						// Remove the bottom border from the last subnav element
						if (child == subnav.childNodes[numChildren-1])
						{
							addClass(child, 'noBorder');
						}
					}
				}
		}
		
		//send current id to function
		( !subnav )? curr_Page(curr_li, nav_id, child_id) : curr_Page(curr_li, nav_id, child_id);
}
