/* Primary Nav */

var mainNav = [
						['HOME','index.html',0],
						['ABOUT US','about.html',0],
						['OUR TEAM','team.html',0],
						['OUR CLIENTS','clients.html',0],
						['SERVICES','services.html',
							[
								['ALL SERVICES','services.html',0],
								['INSTALLATION','installation.html',0],
								['IRRIGATION','irrigation.html',0],
								['MAINTENANCE','maintenance.html',0],
								['GO GREEN','go-green.html',0],
								['RAISED-BED GARDENS','raised-bed.html',0],
								['CONSULTING','consulting.html',0]
							]
						],
						['LINKS','links.html',0],
						['CONTACT US','contact.html',0]
					];
							
var secNav = [];

function generateNavPrim()
	{
		document.write('<ul id="navPrimMenu" class="nav main">');
		for (var m=0; m<mainNav.length; m++)
			{
				document.write('<li><a href="' + mainNav[m][1] + '">' + mainNav[m][0] + '</a>');
				if (mainNav[m][2] && mainNav[m][2] != 0) 
					{
						createSubMenu(mainNav[m][2]);
					}
				document.write('</li>');
			}
			
		for (var m=0; m<secNav.length; m++)
			{
				document.write('<li class="secondary"><a href="' + secNav[m][1] + '">' + secNav[m][0] + '</a>');
				if (secNav[m][2] && secNav[m][2] != 0) 
					{
						createSubMenu(secNav[m][2]);
					}
				document.write('</li>');
			}
		document.write('</ul>');
		return;
	}
	
function generateNavFoot()
	{
		document.write('<ul class="nav foot">');
		for (var m=0; m<mainNav.length; m++)
			{
				document.write('<li><a href="' + mainNav[m][1] + '">' + mainNav[m][0] + '</a></li>');
			}
		document.write('</ul>');
		return;
	}
	
function createSubMenu(subMenu)
	{
		document.write('<ul>');
		for (var n=0; n<subMenu.length; n++)
			{
				document.write('<li><a href="' + subMenu[n][1] + '">' + subMenu[n][0] + '</a>');
					if (subMenu[n][2] && subMenu[n][2] != 0) 
						{
							createSubMenu(subMenu[n][2]);
						}
					document.write('</li>');
			}
		document.write('</ul>');
		return;
	}

sfHover = function() {
	var sfEls = document.getElementById("navPrimMenu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);