/**********************************************************************
* Author:		Bill Pearmain
* Date:			29-oct-2009
* Description:	Displays a list menu in a div depending on the page ID
*				
* Version:		1.0.0 - 29-Oct-2009 - BPP - Initial version.
**********************************************************************/

var MenuLists = new Array(
'<ul id="about">\
<li class="first"><a name="aboutus" href="~DIRPATH~General/AboutUs.html">About Us</a></li>\
<li><a href="http://www.catlin.com"target="blank">The Catlin Group</a></li>\
<li><a name="partners" href="~DIRPATH~General/Partners.html">Our Partners</a></li>\
</ul>'
,
'<ul id="claims">\
<li class="first"><a name="index" href="~DIRPATH~Claims/index.html">Claims</a></li>\
<li><a name="reporting" href="~DIRPATH~Claims/Reporting.html">Reporting a claim</a></li>\
<li><a name="ourteam" href="~DIRPATH~Claims/OurTeam.html">Our Team</a></li>\
</ul>'
,
'<ul id="contact">\
<li class="first"><a name="contact" href="~DIRPATH~General/Contact.html">Contact Us</a></li>\
<li><a name="links" href="~DIRPATH~General/Links.html">Useful Links</a></li>\
</ul>'
,
'<ul id="environment">\
<li class="first"><a id="index" name="index" href="~DIRPATH~Environment/index.html">Environment</a></li>\
<li><a name="help" href="~DIRPATH~Environment/Help.html">How we can help you</a></li>\
<li><a name="tools" href="~DIRPATH~Environment/Tools.html">Tools</a></li>\
</ul>'
,
'<ul id="features">\
<li class="first">Hot Topics</li>\
<li><a name="co2" href="~DIRPATH~Features/CO2.html">CO2 &amp; the motor industry</a></li>\
<li><a name="corporatemanslaughter" href="~DIRPATH~Features/CorporateManslaughter.html">Corporate Manslaughter</a></li>\
<li><a name="crashforcash" href="~DIRPATH~Features/CrashForCash.html">Crash for cash</a></li>\
<li><a name="currentfuturetechs" href="~DIRPATH~Features/CurrentFutureTechs.html">Current and future technologies</a></li>\
<li><a name="techstoday" href="~DIRPATH~Features/TechsToday.html">Technologies of today</a></li>\
<li><a name="techstomorrow" href="~DIRPATH~Features/TechsTomorrow.html">Technologies of tomorrow</a></li>\
<li><a name="wheretoday" href="~DIRPATH~Features/WhereToday.html">Where we are today</a></li>\
</ul>'
,
'<ul id="insurance">\
<li class="first"><a name="index" href="~DIRPATH~Insurance/index.html">Insurance</a></li>\
<li><a name="ourteam" href="~DIRPATH~Insurance/OurTeam.html">Our Team</a></li>\
<li><a name="motorinsdb" href="~DIRPATH~Insurance/MotorInsDb.html">Motor Insurance Database</a></li>\
<li><a name="ourservicelevels" href="~DIRPATH~Insurance/OurServiceLevels.html">Our Service Levels</a></li>\
<li><a name="drivingabroad" href="~DIRPATH~Insurance/DrivingAbroad.html">Driving Abroad</a></li>\
</ul>'
,
'<ul id="legal">\
<li class="first">Site Services</li>\
<li><a name="disclaimer" href="~DIRPATH~Legal/Disclaimer.html">Legal Disclaimer</a></li>\
<li><a name="privacypolicy" href="~DIRPATH~Legal/PrivacyPolicy.html">Privacy Policy</a></li>\
<li><a name="accessibility" href="~DIRPATH~Legal/Accessibility.html">Accessibility</a></li>\
<li><a name="sitemap" href="~DIRPATH~siteMap.html">Site Map</a></li>\
</ul>'
,
'<ul id="rm">\
<li class="first"><a name="index" href="~DIRPATH~RiskManagement/index.html">Risk Management</a></li>\
<li><a name="ourservices" href="~DIRPATH~RiskManagement/OurServices.html">Our Services</a>\
</li>\
<li><a name="index" href="~DIRPATH~RiskManagement/Tools/index.html">Tools</a></li>\
<ul class="rmindent">\
    <li><a name="healthcheck_form" href="~DIRPATH~courseLinks.asp?TargetCalc=drive">Risk Compliance Healthcheck</a></li>\
    <li><a name="driverelearning" href="~DIRPATH~RiskManagement/Tools/DriverELearning.html">Driver E-learning</a></li>\
  </ul>\
<li><a name="index" href="~DIRPATH~RiskManagement/Guides/index.html">Guides &amp; Leaflets</a>\
</li>\
<li><a name="index" href="~DIRPATH~RiskManagement/products_solutions.html">Products &amp; Solutions</a>\
</li>\
</ul>'
);


//Because the pages are at different depths, we need to do a trick to generate the correct link.

//true for test purposes - false for VM and live

BuildPath(false);


var page = document.getElementById('pageID').innerHTML;

switch (page)
{
	case 'claim':
		document.getElementById('ltcol').innerHTML = MenuLists[1];
		break;
	
	case 'About':
	document.getElementById('ltcol').innerHTML = MenuLists[0];
		break;
	
	case 'Contact':
		document.getElementById('ltcol').innerHTML = MenuLists[2];
		break;
	
	case 'Ins':
	document.getElementById('ltcol').innerHTML = MenuLists[5];
		break;
	
	case 'Env':
		document.getElementById('ltcol').innerHTML = MenuLists[3];
		break;
	
	case 'Feat':
	document.getElementById('ltcol').innerHTML = MenuLists[2];
		break;
	
	case 'Legal':
		document.getElementById('ltcol').innerHTML = MenuLists[6];
		break;
	
	case 'RM':
	document.getElementById('ltcol').innerHTML = MenuLists[7];
		break;
		
	default:
		document.getElementById('ltcol').innerHTML = MenuLists[0];
		break;
}


function BuildPath(calculate)
{
	if (calculate)
	{
		var pageLocation = window.location.href;
		var locationArray = pageLocation.split('/');

		if (locationArray.length == 7)
		{
			var dirPath = '../../';
		}
		else
		{
			var dirPath = '../';
		}

	}
	else
	{
		var dirPath = '../../';
	}
	
	
	for (i = 0; i < MenuLists.length; i++)
	{
		while (MenuLists[i].indexOf('~DIRPATH~') != -1)
		{
			MenuLists[i] = MenuLists[i].replace('~DIRPATH~', dirPath);
		}
	}
}


//Active links are to be styled red

var path = window.location.pathname;

var pageName = path.substring(path.lastIndexOf('/') + 1);
pageName = pageName.substring(0, pageName.indexOf('.')).toLowerCase();

if (pageName == "index" && path.indexOf('RiskManagement') != -1)
{
	if (path.indexOf('Tools') != -1)
	{				
		var activeElement = document.getElementsByName(pageName)[1];
	}
	else if (path.indexOf('Guides') != -1)
	{
		var activeElement = document.getElementsByName(pageName)[2];
	}
	else
	{
		var activeElement = document.getElementsByName(pageName)[0];
	}
}
else
{
	var activeElement = document.getElementsByName(pageName)[0];
}

if (activeElement != null)
{
	activeElement.setAttribute("class", "activeLink");
}

