
document.write("<script language=\"javascript\">function showDiv(tabName){	var currentTab = document.getElementById(tabName);" +
"currentTab.style.display = \"inline\";}function hideDiv(tabName){var currentTab = document.getElementById(tabName);" +
"currentTab.style.display = \"none\";}</script><style type=\"text/css\" media=\"screen\">tsble.font{font-family:Verdana;" +
"font-size:8pt;}h3{font-family:Verdana;font-size:11pt;}h2{font-family:Verdana;font-size:13pt;}h1{font-family:Verdana;" +
"font-size:15pt;}td{font-family:Verdana;font-size:9pt;}</style><body><table border=0 align=center cellspacing=\"1\" ><tr><td colspan=5>" +
"<a href=\"index.html\"><img border=\"0\" src=\"images/Logo-ReparsEng2.jpg\" width=\"300\"	height=\"101\"></a></td>" +
"</tr><tr><td valign=top align=left width=160><div onmouseover=\"javascript:showDiv('aboutTab')\" onmouseout=\"hideDiv('aboutTab')\">" +
"<img src=\"images/about.jpg\"/><br><div id=\"aboutTab\" style=\"display:none\"></div></div></td><td valign=top align=left width=160>" +
"<div onmouseover=\"javascript:showDiv('profileTab')\" onmouseout=\"hideDiv('profileTab')\"><img src=\"images/profile.jpg\"/><br>" +
"<div id=\"profileTab\" style=\"display:none\"></div></div></td><td valign=top align=left width=160>" + 
"<div onmouseover=\"javascript:showDiv('coachingTab')\" onmouseout=\"hideDiv('coachingTab')\">" +
"<img src=\"images/coaching.jpg\"/><br><div id=\"coachingTab\" style=\"display:none\"></div>" +
"</div></td><td valign=top align=left width=160 ><div onmouseover=\"javascript:showDiv('trainingTab')\" onmouseout=\"hideDiv('trainingTab')\">" +
"<img src=\"images/training.jpg\"/><br><div id=\"trainingTab\" style=\"display:none;\"></div></div></td><td valign=top align=left width=160>" +
"<div onmouseover=\"javascript:showDiv('toolsTab')\" onmouseout=\"hideDiv('toolsTab')\"><img src=\"images/tools.jpg\"/><br>" +
"<div id=\"toolsTab\" style=\"display:none\"></div>	</div></td></tr></table><br>");


// -------------------------------------------------------------------------
// This set of arrays is all that is needed to modify navigation. Simply add
// new entries into the array definition as required
// ------------------------------------------------------------------------- 


var aboutTab = new Array('About Us',
							'A propos de nous');
var profileTab = new Array('English',
							'Francais');
var coachingTab = new Array('Life Mastery',
							'Problem-Solving',
							'Mind Mapping',
							'Conflict Resolution',
							'Emotional Mastery',
							'Team Building');
var trainingTab = new Array('Leadership',
							'Communications',
							'Presentations',
							'Time Management',
							'Negotiation Skills'
							);
var toolsTab = new Array('Teamwork Skills',
							'Effective Meetings',
							'Leadership Evaluation',
							'Team Process',
							'Characteristics of a Leader',
							'Dynamic Listening',
							'Effective Listening',
							'Rencontres Efficaces');
							
						

// ****************************************************************************************
// END of array definition, make no changes beyond this point (except to create a new tab)
// ****************************************************************************************


// prepare ABOUT tab	
buildTab(aboutTab, 'aboutTab');
// prepare PROFILE tab
buildTab(profileTab, 'profileTab');
// prepare COACHING tab
buildTab(coachingTab, 'coachingTab');
// prepare TRAINING tab
buildTab(trainingTab, 'trainingTab');
// prepare TOOLS tab
buildTab(toolsTab, 'toolsTab');

function buildTab(array, tabName){
	var htmlString="<table border=0 width=160 style=\"font-family: Verdana; font-size: 8pt; border:1px solid #336; position:absolute; background:#ffffff; \">";	
	for(i=0; i < array.length;i++){
		// build the HTML for the drop down
		htmlString += "<tr ><td align=left width=160><a style=\"text-decoration:none\" href=\"" + array[i] + ".html\">" + array[i] + "</a></td></tr>";
	}
	htmlString +="</table>";
	document.getElementById(tabName).innerHTML = htmlString;
}




