//GroupIds and pageIds used to recognize the left nav options are mapped as follows:
// Group ID :
//	1 - Career Opportunities
//	2 - More about us
//	3 - How to get a FirstLine mortgage
//	4 - Strength and Security
//	5 - User Friendly Mortgages
//		PageID :
//			1 - 2,3,5,7,10,15,18 and 25 year mortgages
//			2 - Auto 6/12 plus
//			3 - ARM (Adjustable Rate Mortgage)
//			4 - Loan Choser
//			5 - Access Mortgage
//			6 - Free Home Owner's Advantage
//	6 - Mortgage Basics
//		PageID :
//			1 - Mortgage Glossary
//			2 - Questions?
//			3 - Fee Schedule
//	7 - Today's Best Rates
//	8 - Mortgage Qualifier
//	9 - Payment Calculator
//	All other links take user to different site. Hence, not taken into consideration.


function displayLeftNavigation(groupid, pageid) {

var siteURL	= '/french/';
var appURL 	= "https://" + window.location.host + "/";
var appServerURL = appURL + 'newclients/';

document.write('<table width="100%" border="0" cellspacing="0" cellpadding="10" class="redDark"><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0">');
document.write('<tr valign="top"><td class="nav" height="13">');

if(groupid == '1') {
document.write('&nbsp;&nbsp;</td><td width="100%" height="13"><font class="nav"><strong>Carrières avec Hypothèques FirstLine</strong></font></td></tr>');
} else {
document.write('&gt;&nbsp;</td><td width="100%" height="13"><a href="');
document.write(siteURL);
document.write('firstline_career.html" class="nav"><strong>Carrières avec Hypothèques FirstLine</strong></a></td></tr>');
}

document.write('<tr><td colspan="2"> <img src="images/spacer.gif" width="10" height="2"><br>');

document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td></tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td>                   </tr></table></td></tr>');

document.write('<tr valign="top"><td colspan=2><table width="100%" border="0" cellspacing="0" cellpadding="0">');

document.write('<tr valign="top"><td class="nav">');

if(groupid == '2') {
document.write('&nbsp;&nbsp;&nbsp;</td><td width="100%"><font class="nav"><b>Qui sommes-nous?</b></font></td></tr>');
} else {
document.write('&gt;&nbsp;</td><td width="100%"><a href="');
document.write(siteURL);
document.write('moremenu.html" class="nav"><b>Qui sommes-nous?</b></a></td></tr>');	
}

document.write('</table></td></tr><tr><td colspan="2"> <img src="images/spacer.gif" width="10" height="2"><br>');

document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td></tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td>                   </tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');

document.write('<tr valign="top"><td class="nav">');

if(groupid == '4') {
document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav"><b>Force et sécurité</b></font></td></tr>');
} else { 
document.write('&gt;&nbsp;</td><td width="100%"><a href="');
document.write(siteURL);
document.write('morestre.html" class="nav"><b>Force et sécurité</b></a></td></tr>');	
}

document.write('<tr><td colspan="2"> <img src="images/spacer.gif" width="10" height="2"><br>                 <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td>                </tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');

document.write('<tr valign="top"><td class="nav">');

if(groupid == '5') {
document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav"><strong>Prêts hypothécaires souples</strong></font></td></tr>');
	
document.write('<tr valign="top"><td>&nbsp;</td><td><table width="100%" border="0" cellspacing="0" cellpadding="0">');

document.write('<tr valign="top"><td class="nav">');

	if(pageid == '1') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Prêts hypothécaires fermés de 2, 3, 5, 7, 10, 15, 18 et 25 ans</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('closed.html" class="nav">Prêts hypothécaires fermés de 2, 3, 5, 7, 10, 15, 18 et 25 ans</a></td></tr>');
	}

	document.write('<tr valign="top"><td class="nav">');
	
	if(pageid == '2') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Auto 6 PLUS et Auto 12 PLUS</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('auto612.html" class="nav">Auto 6 PLUS et Auto 12 PLUS</a></td></tr>');
	}

	document.write('<tr valign="top"><td class="nav">');
	
	if(pageid == '4') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Hypothèque Bon départ</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('loanclos.html" class="nav">Hypothèque Bon départ</a></td></tr>');
	}

	document.write('<tr valign="top"><td class="nav">');
	
	if(pageid == '5') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Hypothèque Accès</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('access.html" class="nav">Hypothèque Accès</a></td></tr>');
	}

	document.write('<tr valign="top"><td class="nav">');

	if(pageid == '6') {	
		document.write("&nbsp;&nbsp;</td><td width='100%'><font class='nav'>Programme gratuit Avantage propriété Hypothèques FirstLine</font></td></tr>");
	} else {
		document.write("&gt;&nbsp;</td><td width='100%'><a href='");
		document.write(siteURL);
		document.write("morefree.html' class='nav'>Programme gratuit Avantage propriété Hypothèques FirstLine</a></td></tr>");
	}
	
	document.write('</table></td></tr>');

} else {
document.write('&gt;&nbsp;</td><td width="100%"><a href="');
document.write(siteURL);
document.write('moreuser.html" class="nav"><strong>Prêts hypothécaires souples</strong></a></td></tr>');
}

document.write('<tr> <td colspan="2"> <img src="images/spacer.gif" width="10" height="2"><br><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td></tr><tr> <td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');

document.write('<tr valign="top"><td class="nav">');

if(groupid == '6') {
document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav"><b>L&#146a b c des prêts hypothécaires</b></font></td></tr>');
	
document.write('<tr valign="top"><td>&nbsp;</td><td><table width="100%" border="0" cellspacing="0" cellpadding="0">');

document.write('<tr valign="top"> <td class="nav">');
	
	if(pageid == '1') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Glossaire des prêts hypothécaires</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('moreglos.html" class="nav">Glossaire des prêts hypothécaires</a></td></tr>');
	}

	document.write('<tr valign="top"> <td class="nav">');
	
	if(pageid == '2') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Questions ?</font></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('moreques.html" class="nav">Questions ?</a></td></tr>');
	}

	document.write('<tr valign="top"> <td class="nav">');	
	
	if(pageid == '3') {	
		document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Barème de frais</font></td></tr></table></td></tr>');
	} else {
		document.write('&gt;&nbsp;</td><td width="100%"><a href="');
		document.write(siteURL);
		document.write('feesched.html" class="nav">Barème de frais</a></td></tr></table></td></tr>');	
	}

} else {
document.write('&gt;&nbsp;</td><td width="100%"><a href="');
document.write(siteURL);
document.write('mortbas.html" class="nav"><b>L&#146a b c des prêts hypothécaires</b></a></td></tr>');
}

document.write('<tr> <td colspan="2"> <img src="images/spacer.gif" width="10" height="2"><br><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td></tr><tr> <td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');


document.write('<tr valign="top"><td class="nav">');

if(groupid == '7') {
document.write("&nbsp;&nbsp;</td><td width='100%'><font class='nav'><b>Meilleurs taux du jour</b></font></td></tr>");
} else {
document.write("&gt;&nbsp;</td><td width='100%'><a href='");
document.write(siteURL);
document.write("ratemenu.html' class='nav'><b>Meilleurs taux du jour</b></a></td></tr>");
}

document.write('<tr><td colspan="2"><img src="images/spacer.gif" width="10" height="2"><br>                 <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td>                </tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');
document.write('<tr valign="top"><td class="nav"></td><td width="100%"><span class="navText"><b>Outils relatifs aux prêts hypothécaires</b></span></td></tr>');

document.write('<tr valign="top"><td>&nbsp;</td><td><table width="100%" border="0" cellspacing="0" cellpadding="0">');

document.write('<tr valign="top"> <td class="nav">');

//if(groupid == '8') {
//document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Admissibilité aux prêts hypothécaires</font></td></tr>');
//} else {
//document.write('&gt;&nbsp;</td><td width="100%"><a href="');
//document.write(appServerURL);
//document.write('MortgageQualifierCalc?lang=fr" class="nav">Admissibilité aux prêts hypothécaires</a></td></tr>');
//}

document.write('<tr valign="top"> <td class="nav">');

if(groupid == '9') {
document.write('&nbsp;&nbsp;</td><td width="100%"><font class="nav">Calcul versement</font></td></tr></table></td></tr>');
} else {
document.write('&gt;&nbsp;</td><td width="100%"><a href="');
document.write(appServerURL);
document.write('MortgagePaymentCalc?lang=fr" class="nav">Calcul versement</a></td></tr></table></td></tr>');
}

document.write('<tr><td colspan="2"><img src="images/spacer.gif" width="10" height="2"><br>                 <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td>                </tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');

document.write('<tr valign="top"><td colspan=2><table width="100%" border="0" cellspacing="0" cellpadding="0">');

//// -- very old -- document.write('<tr valign="top"><td class="nav">&gt;&nbsp;</td><td width="100%"><a href="http://www.firstline.com/clients/login.jsp?language=fr" class="nav"><b>Les Clients Existants</b></a></td></tr>');
//unavailable ---
//document.write('<tr valign="top"><td class="nav">&gt;&nbsp;</td><td width="100%"><a href="'+siteURL+'client_unavailable.html" class="nav"><b>Les Clients Existants</b></a></td></tr>');
document.write('<tr valign="top"><td class="nav">&gt;&nbsp;</td><td width="100%"><a href="'+appURL+'clients/login.jsp?language=fr" class="nav"><b>Les Clients Existants</b></a></td></tr>');

document.write('<tr><td colspan="2"><img src="images/spacer.gif" width="10" height="2"><br>                 <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="redFirstLine"><img src="images/spacer.gif" width="1" height="1"></td>                </tr><tr><td class="redLight"><img src="images/spacer.gif" width="1" height="1"></td></tr></table><img src="images/spacer.gif" width="10" height="2"></td></tr>');



document.write('</table></td></tr></table></td></tr></table>');

document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td><img src="images/spacer.gif" width="1" height="1"></td></tr><tr><td class="yellowButton"><img src="images/spacer.gif" width="10" height="10"></td></tr><tr> <td><img src="images/spacer.gif" width="1" height="1"></td></tr><tr> <td class="redDark"><img src="images/spacer.gif" width="1" height="1"></td></tr></table>');

}