/*<script>*/
/*****************************************************************************
'*
'*	Description: Functions and SubRoutines to use with the templates
'*
'*	VSS Header: $$Header: $
'*
'*****************************************************************************
'*	          (c) Copyright Main Roads Western Australia                     *
'*****************************************************************************
'*
'*	Modification History:										 
'*	Name:        config.js
'*	•When			•Who			•Bug#			•What
'*	--------------------------------------------------------------------------
'*	•12-Oct-2002	•Wilson Wampers •				•Initial Version		 |
'*****************************************************************************/

// constructor
function tLink( psNavBarColor, psSwfColor, psSwfSuffix, psTopTitle, psFileToLoad, poIcons, psIconBarColor, psIconOffColor, psIconDwnColor )
{
	this.navBarColor = psNavBarColor;
	this.swfColor    = psSwfColor;
	this.swfSuffix   = psSwfSuffix;
	this.topTitle    = psTopTitle;
	this.fileToLoad  = psFileToLoad;
	this.icons       = poIcons;
	this.iconBarColor= psIconBarColor;
	this.iconOffColor= psIconOffColor;
	this.iconDwnColor= psIconDwnColor;
}
// Constructor
function iconAR( psTitle, psText, psIcon, psLink ) 
{
	this.sTitle = psTitle;
	this.sText  = psText;
	this.sIcon  = psIcon;
	this.sLink  = psLink;
}
// Declare vars

var gsLink="";

var goIconBar = new Array();
	goIconBar[0]    = new Array();
	//goIconBar[0][0] = new iconAR( "Road Works", "This link will carry you to the current road works pages", "roadWorks.gif", "" );
	goIconBar[0][0] = new iconAR( "Report a fault", "This link will carry you to the report a fault pages", "report_fault.gif", "page@{~NR~mrwa~internet~realtime~report_a_traffic_fault}" );
	goIconBar[0][1] = new iconAR( "Traffic Congestions", "This link will carry you to the current traffic congestions pages", "congestion.gif", "new@{E9187C0E-02E7-408C-96E3-C1BF819C3897}" );
	goIconBar[0][2] = new iconAR( "Traffic Cameras", "This link will carry you to the current traffic cameras pages", "camera.gif", "new@{0C1248C5-E43F-42D1-92E6-29F898AF28FE}" );
	goIconBar[0][3] = new iconAR( "Traffic Conditions", "This link will carry you to the current traffic conditions pages", "conditions.gif", "new@{C5526E8F-0F72-41FD-B311-25DDCB39A493}" );
	goIconBar[0][4] = new iconAR( "Freeway Speeds", "This link will carry you to the current freeway speeds pages", "speed.gif", "new@{50155300-8A21-4920-981C-C250A3DC8220}" );

var nLink = new Array();  // Cross referrence array
	nLink["Home"]			=  0;
	nLink["Projects"]		=  1;
	nLink["Regions"]		=  2;
	nLink["Community"]		=  3;
	nLink["Contracts"]		=  4;
	nLink["Safety"]			=  5;
	nLink["Standards"]		=  6;
	nLink["Traffic"]		=  7;
	nLink["Heavy_Vehicles"] =  8;
	nLink["Environment"]	=  9;
	nLink["News"]			= 10;
	nLink["About_Us"]		= 11;

var _Link = new Array();
	_Link[ 0] = new tLink(	/* NavBarColor  */"rgb(204, 51, 50)", 
							/* SwfColor     */"rgb(254,151,  0)",
							/* SwfSuffix    */"home",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb( 64,  0,  0)", 
							/* IconDwnColor */"rgb(254,151,0)" );
							 
	_Link[ 1] = new tLink(	/* NavBarColor  */"rgb(130,104, 26)", 
							/* SwfColor     */"rgb(254,203, 50)", 
							/* SwfSuffix    */"projects",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(56,45,11)", 
							/* IconDwnColor */"rgb(204,204,51)" );
							 
	_Link[ 2] = new tLink(	/* NavBarColor  */"rgb(116,120,  0)", 
							/* SwfColor     */"rgb( 66, 68,  0)", 
							/* SwfSuffix    */"regions",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"#424400", 
							/* IconDwnColor */"rgb(204,204,  0)" );
							
	_Link[ 3] = new tLink(	/* NavBarColor  */"rgb( 40,131, 72)", 
							/* SwfColor     */"rgb(  0,101,152)", 
							/* SwfSuffix    */"community",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(0,18,28)", 
							/* IconDwnColor */"rgb( 60,168,241)" );
								
	_Link[ 4] = new tLink(	/* NavBarColor  */"rgb(141, 90, 44)", 
							/* SwfColor     */"rgb(255,203, 50)", 
							/* SwfSuffix    */"contracts",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(33,22,11)", 
							/* IconDwnColor */"rgb(255,203,50)" );
								
	_Link[ 5] = new tLink(	/* NavBarColor  */"rgb(192, 95,138)", 
							/* SwfColor     */"rgb(254,203,224)", 
							/* SwfSuffix    */"safety",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(44,22,31)", 
							/* IconDwnColor */"rgb(226,147,176)" );
									
	_Link[ 6] = new tLink(	/* NavBarColor  */"rgb( 99, 46, 99)", 
							/* SwfColor     */"rgb(203,152,203)", 
							/* SwfSuffix    */"standards",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(29,22,29)", 
							/* IconDwnColor */"rgb( 203,152,203)" );
								
	_Link[ 7] = new tLink(	/* NavBarColor  */"rgb(136, 16,  0)", 
							/* SwfColor     */"rgb(136, 16,  0)", 
							/* SwfSuffix    */"traffic",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb( 64,  0,  0)", 
							/* IconDwnColor */"rgb(254,130,99)" );
									
	_Link[ 8] = new tLink(	/* NavBarColor  */"rgb( 46, 84,141)", 
							/* SwfColor     */"rgb(101,203,101)", 
							/* SwfSuffix    */"heavyvehicles"	,
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080",
							/* IconOffColor */"rgb(  0, 64,  0)", 
							/* IconDwnColor */"rgb( 101,203,101)" );
							
	_Link[ 9] = new tLink(	/* NavBarColor  */"rgb( 48,119, 45)", 
							/* SwfColor     */"rgb(  0, 51,  0)", 
							/* SwfSuffix    */"environment"	,
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(  0, 64,  0)", 
							/* IconDwnColor */"rgb(186,210,13)" );
								
	_Link[10] = new tLink(	/* NavBarColor  */"rgb(  0, 51,153)", 
							/* SwfColor     */"rgb(  0, 51,153)", 
							/* SwfSuffix    */"news",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(0,9,26)", 
							/* IconDwnColor */"rgb( 60,168,241)" );
									
	_Link[11] = new tLink(	/* NavBarColor  */"rgb(105, 68,172)", 
							/* SwfColor     */"rgb( 56,  0,119)", 
							/* SwfSuffix    */"aboutus",
							/* TopTitle     */" ", 
							/* fileToLoad   */"", 
							/* IconBar      */goIconBar[0], 
							/* IconBarColor */"#808080", 
							/* IconOffColor */"rgb(13,8,21)", 
							/* IconDwnColor */"rgb(215,200,240)" );

//***************************************************************************
// Name:            loadIconBar
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function loadIconBar()
{
	//calculateIconBarPosition();
	try{top.fraNav.adjustableBackgroundColorLayer.style.backgroundColor = _Link[nLink[gsLink]].navBarColor}catch(e){};
	document.all['iconBar'].replaceNode( document.all['iconBar'].cloneNode( false ) );	// Empty what was there
	var oTR = document.all['iconBar'].insertRow(-1);									// Create a new table row
	gaIcons = _Link[nLink[gsLink]].icons;
	IconDIV.style.backgroundColor = _Link[nLink[gsLink]].iconBarColor;
	gsCurrentIconOffColor		  = _Link[nLink[gsLink]].iconOffColor;
	gsCurrentIconDwnColor         = _Link[nLink[gsLink]].iconDwnColor;
	for( var ni=0; ni<gaIcons.length; ni++ )
	{          
		addIconCell( oTR, gaIcons[ni].sTitle, gaIcons[ni].sText, gaIcons[ni].sIcon, gaIcons[ni].sLink );
	}
}

//***************************************************************************
// Name:            calculateIconBarPosition
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function calculateIconBarPosition()
{
	if( document.body.offsetHeight > ( document.all['_Main'].offsetHeight + document.all['iconContainer'].offsetHeight + 94 ) )
	{
		document.all['iconContainer'].height = ( document.body.offsetHeight - document.all['_Main'].offsetHeight -90 );
	}
}

//***************************************************************************
// Name:            iconOVER
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function iconOver()
{
	var oTD = getTDElement();
	    oTD.className = "butOver";
	    oTD.style.backgroundColor = "#CCCCCC";
		iconText.cells[1].innerText = oTD.Title;
		iconText.cells[2].innerText = oTD.Text;
}

//***************************************************************************
// Name:            iconOVER
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function iconDown()
{
	var oTD = getTDElement();
	    oTD.className = "butDown";
	    oTD.style.backgroundColor = gsCurrentIconDwnColor;
		iconText.cells[1].innerText = oTD.Title;
		iconText.cells[2].innerText = oTD.Text;
}

//***************************************************************************
// Name:            iconOUT
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function iconOff()
{
	var oTD = getTDElement();
	    oTD.className = "butOff";
	    oTD.style.backgroundColor = gsCurrentIconOffColor;
		iconText.cells[1].innerText = "";
		iconText.cells[2].innerText = "";
}

//***************************************************************************
// Name:            iconCLICK
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE
//***************************************************************************

function iconClick()
{
	var oTD = getTDElement();
	var sLnk = oTD.Link;
	if( sLnk )
	{
		var aLnk = sLnk.split("@");
		if( aLnk[0] == "new" )
		{
			navigate( aLnk[1] );
		}
		else if( aLnk[0] == "page" )
		{
			var sNewLink = aLnk[1].replace("{","").replace("}",""); 
			mrwaLink( sNewLink,"htm");
		}
	}		
}

//***************************************************************************
// Name:            addIconRow
// Parameters:      NONE
// Return Value:    NONE
// Pre-Conditions:  NONE
// Post-Conditions: NONE
// Description:     NONE	   NEEDS CHANGEOVER	!!!!!!!!!!!!!!
//***************************************************************************

function addIconCell( poTR, psTitle, psText, psIcon, psLink )
{
	var oTD				 = poTR.insertCell(-1);
	var SHTML            = new String();
	    SHTML           += '<div onmouseover="iconOver()" onmouseout="iconOff()" onmouseup="iconClick()" onmousedown="iconDown()"';
	    SHTML           += ' style="width:100%;height:100%;cursor:default;">';
	    SHTML           += '<img src="/NR/mrwa/images/icons/LMC/'+psIcon+'" alt="'+psTitle+'" border="0" style="width:30px;height:30px;text-align:center;vertical-align:middle;"></div>';
		oTD.Title		 = psTitle + ":";
		oTD.Text		 = psText;
		oTD.Link		 = psLink;
		oTD.className    = "butOff";
		oTD.style.backgroundColor = gsCurrentIconOffColor;
		oTD.style.cursor = "DEFAULT";
		oTD.innerHTML    = SHTML;
		// Next cell ( spacer )
		oTD				 = poTR.insertCell(-1);
		oTD.innerText    = " ";
		oTD.style.width  = 15;
}