var vruleHeight = 600;

function displayHeader(lobbyLink)
{
	var orig_imgs = new Array(5);
	var roll_imgs = new Array(5);
	
	orig_imgs[1] = "<a href=\'/webteam/home.html\' onMouseOver=\"imgOn(\'tn1\')\" onMouseOut=\"imgOff(\'tn1\')\"><img name=tn1 src=\'/webteam/images/masthead/nav_home.gif\' /></a>";
	orig_imgs[2] = "<a href=\'/webteam/about.html\' onMouseOver=\"imgOn(\'tn2\')\" onMouseOut=\"imgOff(\'tn2\')\"><img name=tn2 src=\'/webteam/images/masthead/nav_who.gif\' /></a>";
	orig_imgs[3] = "<a href=\'/webteam/process.html\' onMouseOver=\"imgOn(\'tn3\')\" onMouseOut=\"imgOff(\'tn3\')\"><img name=tn3 src=\'/webteam/images/masthead/nav_resources.gif\' /></a>";
	orig_imgs[4] = "<a href=\'/webteam/updates.html\' onMouseOver=\"imgOn(\'tn4\')\" onMouseOut=\"imgOff(\'tn4\')\"><img name=tn4 src=\'/webteam/images/masthead/nav_projects.gif\' /></a>";
	orig_imgs[5] = "<a href=\'contact.html' onMouseOver=\"imgOn(\'tn5\')\" onMouseOut=\"imgOff(\'tn5\')\"><img name=tn5 src=\'/webteam/images/masthead/nav_contact.gif\' /></a>";
	
	roll_imgs[1] = "<img name=tn1 src=\'/webteam/images/masthead/roll_home.gif\' />";
	roll_imgs[2] = "<img name=tn2 src=\'/webteam/images/masthead/roll_who.gif\' />";
	roll_imgs[3] = "<img name=tn3 src=\'/webteam/images/masthead/roll_resources.gif\' />";
	roll_imgs[4] = "<img name=tn4 src=\'/webteam/images/masthead/roll_projects.gif\' />";
	roll_imgs[5] = "<img name=tn5 src=\'/webteam/images/masthead/roll_contact.gif\' />";
	
	if(lobbyLink != null)
	{
		orig_imgs[lobbyLink] = roll_imgs[lobbyLink];
	}
	
	document.write(
					'<table class="masthead" cellpadding="0" cellspacing="0"> \n' +
						'<tr><td><img src="/webteam/images/masthead/masthead.jpg" /></td></tr> \n' +
						'<tr><td class="uppernav"> \n' +
								'<table width="700" cellpadding="0" cellspacing="0"><tr> \n');
	for (i = 1; i<=5; i++)
	{
		document.writeln('<td>' + orig_imgs[i] + '</td>');
	}
	
	document.write('</tr></table></td></tr></table>');
}

function displayLeftNav(lobbyLinkNum, sublobbyLinkNum)
{

	var leftNav = new Array(4);
	
	leftNav[2] = new Array(2);
	leftNav[2][1] = "<td><img class=\'features_bullet\' src=\'/webteam/images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'about.html\'>About Us</a></td>";
	leftNav[2][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'bios.html\'>Our Team</a></td>";
	
	leftNav[3] = new Array(9);
	leftNav[3][1] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'process.html\'>Getting Started</a></td>";
	leftNav[3][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'intro.html\'>Intro and FAQs</a></td>";
	leftNav[3][3] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'style_guide.html\'>Web Style Guides</a></td>";
	leftNav[3][4] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'downloads.html\'>Template Downloads</a></td>";
	leftNav[3][5] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'techdoc.html\'>Technical Documents</a></td>";
	leftNav[3][6] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'contentadmin.html\'>Content Admin Tools</a></td>";
	leftNav[3][7] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'domain_registration.html\'>Domain Registration</a></td>";
	leftNav[3][8] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'sites_list_process.html\'>List of Public Sites</a></td>";
	leftNav[3][9] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'webtrends.html\'>Web Statistics</a></td>";
	
	leftNav[4] = new Array(5);
	leftNav[4][1] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'updates.html\'>Project Updates</a></td>";	
	leftNav[4][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'capital.html\'>XL Group</a></td>";
	leftNav[4][3] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'segment.html\'>Segment Sites</a></td>";
	leftNav[4][4] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'obu.html\'>OBU Sites</a></td>";
	leftNav[4][5] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_dk_blue.gif\' /></td><td><a href=\'sites_list.html\'>List of Public Sites</a></td>";
	var active_leftNav = new Array(4);
	
	active_leftNav[2] = new Array(2);
	active_leftNav[2][1] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>About Us</font></td>";
	active_leftNav[2][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Our Team</font></td>";
	
	active_leftNav[3] = new Array(9);
	active_leftNav[3][1] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Getting Started</font></td>";
	active_leftNav[3][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Intro and FAQs</font></td>";
	active_leftNav[3][3] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Web Style Guides</font></td>";
	active_leftNav[3][4] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Template Downloads</font></td>";
	active_leftNav[3][5] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Technical Documents</font></td>";
	active_leftNav[3][6] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Content Admin Tools</font></td>";
	active_leftNav[3][7] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Domain Registration</font></td>";
	active_leftNav[3][8] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>List of Public Sites</font></td>";
	active_leftNav[3][9] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Web Statistics</font></td>";

	active_leftNav[4] = new Array(4);
	active_leftNav[4][1] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Project Updates</font></td>";
	active_leftNav[4][2] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>XL Group</font></td>";
	active_leftNav[4][3] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>Segment Sites</font></td>";
	active_leftNav[4][4] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>OBU Sites</font></td>";
	active_leftNav[4][5] = "<td><img class=\'features_bullet\' src=\'images/shared/arrow_grey.gif\' /></td><td><font color=#CCCCCC>List of Public Sites</font></td>";

	//Display proper left nav acording to the params	
	leftNav[lobbyLinkNum][sublobbyLinkNum] = active_leftNav[lobbyLinkNum][sublobbyLinkNum];
	document.write(
			'<table class="leftnav" cellpadding="0" cellspacing="0"> \n' +
				'<tr><td class="date" colspan="2"></td></tr> \n');
	for (i = 1; i < leftNav[lobbyLinkNum].length; i++)
	{			
		document.writeln('<tr><td class="leftnav_hrule" colspan="2"></td></tr>');
		document.writeln('<tr><td class="spacer1"></td></tr>');
		document.writeln('<tr>' + leftNav[lobbyLinkNum][i] + '</tr>');
		document.writeln('<tr><td class="spacer1"></td></tr>');
	}
	
	document.writeln('<tr><td class=\"leftnav_hrule\" colspan="2"></td></tr></table>');
	
	if(lobbyLinkNum == 3)
	{
		document.writeln('<table cellpadding="0" cellspacing="0"><tr><td class="spacer2"></td></tr>');
		document.writeln('<tr><td><img src="/webteam/images/resources_services/icon_key.gif" /></td></tr></table>');
	}
}

function displayGutters(height)
{
	var vHeight = "100%";
	if(height != null && height != '')
	{
		vHeight = height;
	}
	document.write(
			'<table cellpadding="0" cellspacing="0" height="100%"> \n' +
				'<tr><td colspan="3" height="40" ></td></tr> \n' +
				'<tr><td width="5"></td><td width="1" height=' + vHeight +' bgcolor="#CCCCCC"></td><td class="gutter2"></td></tr> \n' +
			'</table>');
	//alert("vHeight = " + vHeight);
}

function imgOn(imgName, imgSrc) {
 if (document.images) {
  document[imgName].src = "images/" + imgSrc + "_on.gif";
 }
}

function imgOff(imgName, imgSrc) {
  if (document.images) {
   document[imgName].src = "images/" + imgSrc + "_off.gif";
  }
}