// ------------------- Rollovers ----------------//

if (document.images) {
  image1on = new Image();
  image1on.src = "/images/secondarynav_aboutX.gif";
  image1off = new Image();
  image1off.src = "/images/secondarynav_about.gif";
  
  image2on = new Image();
  image2on.src = "/images/secondarynav_practiceX.gif";
  image2off = new Image();
  image2off.src = "/images/secondarynav_practice.gif";
  
  image3on = new Image();
  image3on.src = "/images/secondarynav_attorneysX.gif";
  image3off = new Image();
  image3off.src = "/images/secondarynav_attorneys.gif";
  
  image4on = new Image();
  image4on.src = "/images/secondarynav_resourcesX.gif";
  image4off = new Image();
  image4off.src = "/images/secondarynav_resources.gif";
  
  image5on = new Image();
  image5on.src = "/images/secondarynav_newsX.gif";
  image5off = new Image();
  image5off.src = "/images/secondarynav_news.gif";
  
  image6on = new Image();
  image6on.src = "/images/secondarynav_contactX.gif";
  image6off = new Image();
  image6off.src = "/images/secondarynav_contact.gif";
  
  image7on = new Image();
  image7on.src = "/images/secondarynav_extranetX.gif";
  image7off = new Image();
  image7off.src = "/images/secondarynav_extranet.gif";
  
  }

function changeImages() {
  if (document.images) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
    }
  }
}



	// ------------------- Menu Text ----------------//
	overColor = "#66B2E2"
	function changeBGColor(element){
		element.style.background = overColor;
		element.style.cursor = "hand";
	}
	function restoreBGColor(element){
		element.style.background = "#efefef";
		element.style.cursor = "";
	}

	browserName = navigator.appName;
	browserVer = parseInt(navigator.appVersion);
	if ((browserVer >= 4)|| (browserName == "Netscape" && browserVer >= 3))
	   version = "enabled";
	else
	   version = "disabled";
	
	LoadDone = "No";
	
	NS4 = (document.layers);
	IE4 = (document.all);

	NS6 = (document.getElementById && !IE4);
	V4 =  (NS4 || IE4 || NS6);
	GlobalLayer = "xx";
	TimerID = 0;

	// ------------------- Menu Text ----------------//
	overColor = "#D2D0D8"
	function changeMenuBGColor(element){
		element.style.background = overColor;
		element.style.cursor = "hand";
	}
	function restoreMenuBGColor(element){
		element.style.background = "#efefef";
		element.style.cursor = "";
	}
	
	function makeLink(targetHref,labelText){
		if(NS4){
			return '<a class="navmenu" href="' + targetHref + '">' + labelText + '</a>';
		}else{
			return labelText;
		}
	}

	notNetscape = "";
	var menu1Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image1\', \'image1on\');" onMouseOut="changeImages(\'image1\', \'image1off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="3" cellspacing="0" border="0">' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/about/\'">' + makeLink('/about/','Description of the Firm') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/about/publications.cfm\'">' + makeLink('/about/publications.cfm','Publications About the Firm') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/about/matters.cfm\'">' + makeLink('/about/matters.cfm','Representative Matters') + '</td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	var menu2Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image2\', \'image2on\');" onMouseOut="changeImages(\'image2\', \'image2off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="3" cellspacing="0" border="0">' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/electric_energy_regulation.cfm\'">' + makeLink('/practice/electric_energy_regulation.cfm','Electric Energy Regulation') + '</td></tr>' +
	
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/electric_energy_commerce.cfm\'">' + makeLink('/practice/electric_energy_commerce.cfm','<li class="SUBnav">Electric Energy Commerce') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/energy_reliability.cfm\'">' + makeLink('/practice/energy_reliability.cfm','<li class="SUBnav">Energy Reliability') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/energy_project_development.cfm\'">' + makeLink('/practice/energy_project_development.cfm','<li class="SUBnav">Energy Project Development: Generation, Electric Transmission, Pipelines, and Storage') + '</td></tr>' +
	
	
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm\'">' + makeLink('/practice/natural_gas_and_oil.cfm','Natural Gas & Oil Transmission & Distribution') + '</td></tr>' +
	
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#transportation\'">' + makeLink('/practice/natural_gas_and_oil.cfm#transportation','<li class="SUBnav">Transportation and Storage Rates') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#certificates\'">' + makeLink('/practice/natural_gas_and_oil.cfm#certificates','<li class="SUBnav">Certificates') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#commoncarrier\'">' + makeLink('/practice/natural_gas_and_oil.cfm#commoncarrier','<li class="SUBnav">Common Carrier Regulation') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/energy_project_development.cfm\'">' + makeLink('/practice/energy_project_development.cfm','<li class="SUBnav">Project Development') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#compliance\'">' + makeLink('/practice/natural_gas_and_oil.cfm#compliance','<li class="SUBnav">Compliance and Enforcement') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#federalagencies\'">' + makeLink('/practice/natural_gas_and_oil.cfm#federalagencies','<li class="SUBnav">Other Federal Agencies') + '</td></tr>' +
	'				<tr><td class="dropitemSUB" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/natural_gas_and_oil.cfm#judicialreview\'">' + makeLink('/practice/natural_gas_and_oil.cfm#judicialreview','<li class="SUBnav">Policy-making and Judicial Review') + '</td></tr>' +
	
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/renewable_energy.cfm\'">' + makeLink('/practice/renewable_energy.cfm','Renewable Energy') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/trial_and_appellate_litigation.cfm\'">' + makeLink('/practice/trial_and_appellate_litigation.cfm','Trial & Appellate Litigation') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/practice/representative_decisions.cfm\'">' + makeLink('/practice/renewable_energy.cfm','Representative Decisions') + '</td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	var menu3Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image3\', \'image3on\');" onMouseOut="changeImages(\'image3\', \'image3off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="2" cellspacing="0" border="0">' +
	'				<tr><td><img src="/images/spacer.gif" width="1" height="1" border="0" alt=""></td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/dynapsis.cfm\'">' + makeLink('/productservices/dynapsis.cfm','DynapsisTM') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/netpresence.cfm\'">' + makeLink('/productservices/netpresence.cfm','Net.Presence') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/propgenerator.cfm\'">' + makeLink('/productservices/propgenerator.cfm','Proposal Generator') + '</td></tr>' +
'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/customapps.cfm\'">' + makeLink('/productservices/customapps.cfm','Custom Dynamic Applications') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/extranets.cfm\'">' + makeLink('/productservices/extranets.cfm','Extranet Services') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/intranets.cfm\'">' + makeLink('/productservices/intranets.cfm','Intranet Services') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/flash.cfm\'">' + makeLink('/productservices/flash.cfm','Flash Design & Development') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/multimedia.cfm\'">' + makeLink('/productservices/multimedia.cfm','Streaming Video/Audio') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/productservices/hosting.cfm\'">' + makeLink('/productservices/hosting.cfm','Hosting Solutions') + '</td></tr>' +

	'				<tr><td><img src="/images/spacer.gif" width="1" height="2" border="0" alt=""></td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	var menu4Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image4\', \'image4on\');" onMouseOut="changeImages(\'image4\', \'image4off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="3" cellspacing="0" border="0">' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/resources/home.cfm#federal\'">' + makeLink('/resources/home.cfm#federal','Federal Government') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/resources/home.cfm#associations\'">' + makeLink('/resources/home.cfm#associations','Associations') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/resources/home.cfm#regional\'">' + makeLink('/resources/home.cfm#regional','Regional Transmission<br>Organizations') + '</td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	var menu5Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image5\', \'image5on\');" onMouseOut="changeImages(\'image5\', \'image5off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="3" cellspacing="0" border="0">' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/contact/\'">' + makeLink('/contact/','Address/Phone') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/contact/links.cfm\'">' + makeLink('/contact/directions.cfm','Directions') + '</td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	var menu6Text = '<TABLE class="dropdown" onMouseOver="changeImages(\'image6\', \'image6on\');" onMouseOut="changeImages(\'image6\', \'image6off\');" cellpadding="1" cellspacing="0" border="0" bgcolor="black"><TR><TD><TABLE bgcolor="#efefef" cellpadding="1" cellspacing="0" border="0"><TR><TD>' +
	'			<table width="100%" cellpadding="3" cellspacing="0" border="0">' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/contact/\'">' + makeLink('/contact/','Address/Phone') + '</td></tr>' +
	'				<tr><td class="dropitem" onMouseOver="this.style.color=\'#376EC1\'; this.style.cursor=\'hand\';" onMouseOut="this.style.color=\'\';" onClick="location.href=\'/contact/links.cfm\'">' + makeLink('/contact/directions.cfm','Directions') + '</td></tr>' +
	'			</table>' +
	'	</td></tr></TABLE>' +
	'</TD></TR></TABLE>';
	
	
		
	// ------------------- Menu Init function ----------//
	function invokeMenu1(MenuID,MenuText,leftPos,topPos)
	{
		if (V4)
			if (NS4)
				document.write('<layer onMouseOut="popOut(\'' + MenuID +'\');" onMouseOver="clearTimeout(TimerID); popUp(\'' + MenuID + '\');" id="' + MenuID +'" left="'+ leftPos +'" top="'+ topPos +'" visibility="hide" border="0">' + MenuText + '<\/layer>');
			else
				document.write('<DIV onMouseOut="popOut(\'' + MenuID +'\');" onMouseOver="clearTimeout(TimerID); popUp(\'' + MenuID + '\');" ID="' + MenuID +'" STYLE="position:absolute; border: 0; z-index:20; left: '+leftPos+'px; top: '+topPos+'px; visibility: hidden">' + MenuText + '<\/DIV>');
	
		return true;
	}
	
	// ------------------- Menu Display (pop-up) function -----------//
	function popUp(LayerID)
	{
		if (LoadDone == true)
		{
			clearTimeout(TimerID);
			
			if (GlobalLayer != "xx")
				popDown(GlobalLayer);
			
			if (V4)
				if (NS4)
					document.layers[LayerID].visibility = "show";
				else if (NS6)
					document.getElementById(LayerID).style.visibility = "visible";
				else
					document.all[LayerID].style.visibility = "visible";
			
			GlobalLayer = LayerID;  
		}
	}
	
	function popUpRel(LayerID, el)
	{
		if (LoadDone == true)
		{
			var xPos = el.x;
			var yPos = el.y;
			if(!xPos)
				xPos = getLeft(el);
			if(!yPos)
				yPos = getTop(el);
			
/*			switch(LayerID)
			{
				default:
					xPos += el.width
			}
	*/		
			clearTimeout(TimerID);
			
			if (GlobalLayer != "xx" && GlobalLayer != LayerID)
				popDown(GlobalLayer);
			
			if (V4)
				if (NS4)
				{
					with(document.layers[LayerID])
					{
						top = yPos + 22;
						left = xPos - 0;
						visibility = "show";
					}
				}
				else if (NS6)
				{
					document.getElementById(LayerID).style.top = yPos + 22;
					document.getElementById(LayerID).style.left = xPos - 0;	
					document.getElementById(LayerID).style.visibility = "visible";
				}
				else
				{
					with(document.all[LayerID].style)
					{
						top = yPos + 22;
						left = xPos - 0;
						visibility = "visible";
					}
				}
			GlobalLayer = LayerID;  
		}
	}

	// ------------------- Menu hide (pop-down) function -----------//
	function popDown(LayerID)
	{
		if (LoadDone == true)
		{
			if (V4)
			{
				if (LayerID == "stub")
					LayerID = GlobalLayer;
				
				if (NS4)
					document.layers[LayerID].visibility = "hide";
				else if (NS6)
					document.getElementById(LayerID).style.visibility = "hidden";
				else
					document.all[LayerID].style.visibility = "hidden";
			}
			GlobalLayer = "xx";  
		}
	}
	
	// ------------------ Set Timeout on Menu ---------------------//
	function popOut(LayerID)
	{
		if (LoadDone == true)
		{
			GlobalLayer = LayerID;
			if (V4)
				TimerID = setTimeout("popDown('stub')",200);
		} 
	}
	
	if (V4)
	{
	  invokeMenu1('PM1',menu1Text,155,133);
	  invokeMenu1('PM2',menu2Text,225,133);
	  invokeMenu1('PM3',menu3Text,435,133);
	  invokeMenu1('PM4',menu4Text,442,133);
	  invokeMenu1('PM5',menu5Text,520,133);
	  invokeMenu1('PM6',menu5Text,520,133);

	}
	LoadDone=true;
	
	function getLeft(el){
	    xPos = el.offsetLeft;
	    tempEl = el.offsetParent;
	    while (tempEl != null){
	        xPos += tempEl.offsetLeft;
	        tempEl = tempEl.offsetParent;
	    }
	    return xPos;
	}
	
	function getTop(el){
	    yPos = el.offsetTop;
	    tempEl = el.offsetParent;
	    while (tempEl != null){
	        yPos += tempEl.offsetTop;
	        tempEl = tempEl.offsetParent;
	    }
	    return yPos;
	}
	
	function drawNav(el)
	{
		//Get x,y coordinates. Check for NS first, then go for IE method if that failes
		var xPos = el.x;
		var yPos = el.y;
		if(!xPos)
			xPos = getLeft(el);
		if(!yPos)
			yPos = getTop(el);
		
		//Reposition DIVs
		if (V4)
		    if (NS4)
			{
				document.layers["PMNav"].left = xPos - 150;
				document.layers["PMNav"].top  = yPos;
			}
			else if (NS6)
			{
				document.getElementById("PMNav").style.left = xPos - 125;
				document.getElementById("PMNav").style.top = yPos - 5;
			}
			else
			{
				document.all["PMNav"].style.left = xPos - 140;
				document.all["PMNav"].style.top  = yPos - 0;
			}		

		//Popup menu
		popUp('PMNav');
	}