var context = "/2003";

//create the menu object and set the basic positioning, etc.
oM=new makeCM("oM") //Making the menu object. Argument: menuname
oM.pxBetween=0
oM.fromLeft=7
oM.fromTop=30
oM.rows=1
oM.menuPlacement=0
oM.offlineRoot="" 
oM.onlineRoot="" 
oM.resizeCheck=1 
oM.wait=300 
oM.fillImg=context+"/images/header/cm_fill.gif"
oM.zIndex=300
oM.useBar=0

//myCoolMenu.level[x]=new cm_makeLevel(width, height, regClass, overClass, borderX, borderY, borderClass, rows, align, offsetX, offsetY, arrow, arrowWidth, arrowHeight)
oM.level[0]=new cm_makeLevel(84,30,"clT","clTover",1,0,"clB",0,"bottom",0,0,0,0,0);
if(bw.op7) oM.level[0].height+=1;
oM.level[0].borderY=0; oM.level[0].offsetX=-1;
oM.level[1]=new cm_makeLevel(0,34,"clS","clSover",0,0,0,0,"right",0,3,context+"/images/header/menu_arrow.gif",4,7);


//============ UPDATE CODE BELOW HERE TO CHANGE THE NAVIGATION HIERARCHY ============\\

//The parameter types in order when calling makeMenu...
//myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 

/*** VERTICAL ONE ***/
bbMakeMenu('overview', 'OVERVIEW', '', context+'/overview/about.html');
	
	oM.makeMenu('overviewRule','overview','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['overviewRule'].nolink=1;
	oM.makeMenu('overviewS2','overview','About this<br />Report',context+'/overview/about.html');
	oM.makeMenu('overviewS3','overview','Message from<br />the Chief<br />Executive<br />Officer',context+'/overview/chief_exec.html','','',58);
	oM.makeMenu('overviewS4','overview','BHP Billiton<br />Charter<br />',context+'/overview/charter.html');
	oM.makeMenu('overviewS5','overview','HSEC Policy',context+'/overview/policy.html','','',22);
	oM.makeMenu('overviewS6','overview','Executive<br />Summary',context+'/overview/exec_summary.html');
	oM.makeMenu('overviewS7','overview','BHP Billiton<br />Profile',context+'/overview/profile.html');
	oM.makeMenu('overviewS8','overview','HSEC<br />Governance',context+'/overview/governance.html');
	oM.makeMenu('overviewS9','overview','Part of the<br />Global<br />Community',context+'/overview/global_comm.html','','',46);
	
/*** VERTICAL TWO ***/
bbMakeMenu('targets', 'TARGETS &', 'SCORECARD', context+'/targets/target_score.html');
		
/*** VERTICAL THREE ***/
bbMakeMenu('performance', 'PERFORMANCE', 'SUMMARIES', context+'/performance/ps_intro.html');
	
	oM.makeMenu('performanceRule','performance','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['performanceRule'].nolink=1;
	oM.makeMenu('performanceS2','performance','Introduction',context+'/performance/ps_intro.html','','',22);
	oM.makeMenu('performanceS3','performance','Health',context+'/performance/ps_health.html','','',22);
	oM.makeMenu('performanceS4','performance','Safety',context+'/performance/ps_safety.html','','',22);
	oM.makeMenu('performanceS5','performance','Environment',context+'/performance/ps_environment.html','','',22);
	oM.makeMenu('performanceS6','performance','Community',context+'/performance/ps_community.html','','',22);
	oM.makeMenu('performanceS7','performance','Economic',context+'/performance/ps_economic.html','','',22);
	oM.makeMenu('performanceS8','performance','Audit & Self<br />Assessment',context+'/performance/ps_audit.html');
	oM.makeMenu('performanceS9','performance','Auditor&acute;s<br />Verification<br />Statement',context+'/performance/auditors.html','','',46);

/*** VERTICAL FOUR ***/
bbMakeMenu('caseStudies', 'CASE', 'STUDIES', context+'/caseStudies/cs_index.html');
	
	oM.makeMenu('caseStudiesRule','caseStudies','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['caseStudiesRule'].nolink=1;
	oM.makeMenu('caseStudiesS2','caseStudies','Case Studies<br />Index',context+'/caseStudies/cs_index.html');
	oM.makeMenu('caseStudiesS3','caseStudies','Health',context+'/caseStudies/cs_health01.html','','',22); 
	oM.makeMenu('caseStudiesS4','caseStudies','Safety',context+'/caseStudies/cs_safety06.html','','',22); 
	oM.makeMenu('caseStudiesS5','caseStudies','Environment',context+'/caseStudies/cs_environment11.html','','',22); 
	oM.makeMenu('caseStudiesS6','caseStudies','Community',context+'/caseStudies/cs_community22.html','','',22);
	oM.makeMenu('caseStudiesS7','caseStudies','General',context+'/caseStudies/cs_general36.html','','',22); 
	
		
/*** VERTICAL SIX***/
bbMakeMenu('additional', 'ADDITIONAL', 'INFORMATION', context+'/additional/appendix_a.html');
	
	oM.makeMenu('additionalRule','additional','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['additionalRule'].nolink=1;
	oM.makeMenu('additionalS2','additional','Appendices',context+'/additional/appendix_a.html','','',22);
	oM.makeMenu('additionalS3','additional','BHP Billiton<br />Employee<br />HSEC Awards',context+'/additional/awards.html','','',46);
	oM.makeMenu('additionalS4','additional','Corporate<br />Directory &amp;<br />External Links',context+'/additional/directory.html','','',46);
	oM.makeMenu('additionalS5','additional','Site Reports',context+'/additional/reports.html','','',22);
	oM.makeMenu('additionalS6','additional','Our Resources<br />at Work',context+'/additional/resources.html');
	oM.makeMenu('additionalS7','additional','BHP Billiton<br />Locations',context+'/additional/map.html');


/*** VERTICAL SEVEN***/
bbMakeMenu('downloads', 'FEEDBACK', '& DOWNLOADS',context+'/downloads/feedback.html');
	
	oM.makeMenu('downloadsRule','downloads','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['downloadsRule'].nolink=1;
	oM.makeMenu('downloadsS2','downloads','Feedback',context+'/downloads/feedback.html','','',22);
	oM.makeMenu('downloadsS3','downloads','Downloads',context+'/downloads/download_page.html','','',22);
	oM.makeMenu('downloadsS4','downloads','Printed<br />Summary<br />Version<br />Request Form',context+'/downloads/request_printed.html','','',58);
	
	
/*** VERTICAL EIGHT ***/
bbMakeMenu('gri', 'GRI', 'INDEX', context+'/gri/navigator.html');
    oM.makeMenu('griRule','gri','','','','',2,context+'/images/header/menuSep.gif','','clRule');
	oM.m['griRule'].nolink=1;
	oM.makeMenu('griS2','gri','GRI Index<br />Navigator',context+'/gri/navigator.html');
	oM.makeMenu('griS3','gri','GRI Index<br />(PDF)',context+'/gri/gri_pdf.html');
    


//============ UPDATE CODE ABOVE HERE TO CHANGE THE NAVIGATION HIERARCHY ============\\

//CODE BELOW HANDLES BUILDING, POSITIONING, AND HIGHLIGHTING THE NAVIGATION AS APPROPRIATE FOR DIFFERENT BROWSERS

//The color codes for the top level mouse overs
var navOnTop = '#FFFFFF';
var navOnBottom = '#FF9933';
var navOffTop = '#CC3300';
var navOffBottom = '#333333';

//Performs the two color top level nav mouse over change
function setColor(id, state)
{
	//alert('setColor');
	getElement(id + 'T').color = eval('nav' + state + 'Top');
	getElement(id + 'B').color = eval('nav' + state + 'Bottom');
}

//creates bhpbilliton.com style top level nav items
//the two colors are only available in IE, NS6+, Opera6+ and Mozilla

/**
 * bbMakeMenu is a custom javascript function that provides the two colour top navigation look and feel
 * as well as the ability to highlight the selected vertical. The vertical selected is based on the
 * document location and must contain the name of the top level menu item. That is, the name of menu
 * item must be unique to the vertical.
 **/
function bbMakeMenu(name, txt1, txt2, link)
{
	if(document.location.href.indexOf(name)>0)
	{
		txt = (bw.ie || bw.dom) ? "<span id='" + name + "T' class='navOnT'>" + txt1 + "</span><br /><span id='" + name + "B' class='navOnB'>" + txt2 + "</span>" : txt1 + "<br />" + txt2 ;
		//myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
		oM.makeMenu(name,'',txt,link,'','','','','','clTover','clTover');
	}
	else
	{
		txt = (bw.ie || bw.dom) ? "<span id='" + name + "T' class='navOffT'>" + txt1 + "</span><br /><span id='" + name + "B' class='navOffB'>" + txt2 + "</span>" : txt1 + "<br />" + txt2 ;
		oM.makeMenu(name,'',txt,link);
		oM.m[name].mover = (bw.ns4 || bw.op5) ? "" : "setColor('" + name + "','On');" ;
		oM.m[name].mout = (bw.ns4 || bw.op5) ? "" : "setColor('" + name + "','Off');" ;
	}
	
	
}

//returns the style element based of the browser type
function getElement(id)
{
	return bw.dom ? document.getElementById(id).style : bw.ie4 ? document.all[id].style : bw.ns4 ? document.layers[id] : null ;
}

//This function constructs the menu
function constructNav(top)
{
	if(top)	oM.fromTop = top;
	oM.construct();
}

//Constructs the navigation based on the browser type and version


if(bw.mac)
{
	if(bw.mozie || bw.ie6 || bw.ns6) constructNav(73);
	else if(bw.op7) constructNav(69);
	else constructNav(60);
}
else
{
	if(bw.mozie || bw.ie6 || bw.ns6) constructNav(73);
	else if(bw.op7) constructNav(69);
	else constructNav(60);
}