// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// ---#405070=orig in ; #8B0000=orig out
	var clrNavIn ="#ACA9B6";
	var clrNavOt ="#5C5966";

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	var HexTbl = new Array(256);
	var ColorBeg = "FDFDFF";
	var ColorEnd = "6C6976";
	var ColorChg = "#";

	var begR = 0; var begG = 0; var begB = 0;
	var endR = 0; var endG = 0; var endB = 0;
	var chgR = 0; var chgG = 0; var chgB = 0;
	var rr   = 0; var gg   = 0; var bb   = 0;
	var fadetime = 10; fadeincr = 32; fadecntr = 0;

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function hskp() // ----> Housekeeping functions - executed with onLoad
	{
	SetButtons();
	SetImage();
	SetHex();
     if (PageID == 'index') setTimeout('FadeColor()',700);
	} //---- end hskp

// -------------------------------------------------------------------------------
// Startup (hskp) Section
// -------------------------------------------------------------------------------
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function SetImage() 
	{

	var node1 = document.getElementById('picImage');
      if (PageID == 'index')      {document.images[1].src = './images/benefitx.jpg';}
      if (PageID == 'index')      {document.images[2].src = './images/programx.jpg';}
      if (PageID == 'index')      {document.images[3].src = './images/projectx.jpg';}
      if (PageID == 'index')      {document.images[4].src = './images/custlstx.jpg';}

      if (PageID == 'home')      {document.images[1].src = './images/benefitx.jpg';}
      if (PageID == 'home')      {document.images[2].src = './images/programx.jpg';}
      if (PageID == 'home')      {document.images[3].src = './images/projectx.jpg';}
      if (PageID == 'home')      {document.images[4].src = './images/custlstx.jpg';}



      if (PageID == 'benefits')  {document.images[1].src = './images/benefits.jpg';}
      if (PageID == 'people')    {document.images[1].src = './images/people.jpg';}
      if (PageID == 'projects')  {document.images[1].src = './images/projects.jpg';}
      if (PageID == 'programs')  {document.images[1].src = './images/programs.jpg';}
      if (PageID == 'faqcust')   {document.images[1].src = './images/faqcust.jpg';}
      if (PageID == 'faqvend')   {document.images[1].src = './images/faqcust.jpg';}
      if (PageID == 'custlist')  {document.images[1].src = './images/custlist.jpg';}
      if (PageID == 'contact')   {document.images[1].src = './images/contact.jpg';}
      if (PageID == 'president') {document.images[1].src = './images/president.jpg';}
	} // ---- end SetImage

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function SetButtons()
	{
	var btnValue = "HELLO";
	for (var ii = 1 ; ii <= 10 ; ii++)
		{
		btnValue = mtxTell[ii];				// --set in url.js
		btnID = "btn" + ii				// --all pages use this
		node1 = document.getElementById(btnID); 	// --button I.D. 
		node1.lastChild.nodeValue = btnValue;	// -- use this if <td>

		//node1.value = btnValue;			// -- use this if <button>
		//alert ("id=" + btnID + " " + node1.value)
		//node1.style.background=clrMidOt;
		}
	}

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function SetHex() // ----> fill 256 array from 16 array
	{
	// ---- > populate the Hex values Array
	var HexVal = "0123456789ABCDEF";
	var ij = 0;
	for (var ii = 0 ; ii <= 15 ; ii++)
		{
		for (var jj = 0; jj <= 15 ; jj++)
			{
			ij = ii*16 + jj;
			HexTbl[ij] = HexVal.substring(ii,ii+1) + HexVal.substring(jj,jj+1);
			}
		}
	begR = GetHex(ColorBeg.substring(0,2));
	begG = GetHex(ColorBeg.substring(2,4));
	begB = GetHex(ColorBeg.substring(4,6));

	endR = GetHex(ColorEnd.substring(0,2));
	endG = GetHex(ColorEnd.substring(2,4));
	endB = GetHex(ColorEnd.substring(4,6));

	chgR = Math.round((endR - begR)/fadeincr);
	chgG = Math.round((endG - begG)/fadeincr);
	chgB = Math.round((endB - begB)/fadeincr);

	rr = begR; gg = begG; bb = begB

	// alert ('rgb=' + rr + ' ' + gg + ' ' + bb)
	} //---- end loadhex

	function GetHex(RGB)
	{ 
	for (var ii = 0 ; ii < 256 ; ii++)
		{ if (RGB == HexTbl[ii]) {return ii}; }
	return 0;
	}
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function FadeColor()	
	{
	rr = rr + chgR; if (rr >= 255) {rr = 255};
	gg = gg + chgG; if (gg >= 255) {gg = 255};
	bb = bb + chgB; if (bb >= 255) {bb = 255};

	ColorChg = "#" + HexTbl[rr] + HexTbl[gg] + HexTbl[bb];
	var node1 = document.getElementById("CCC1");
	//node1.style.background=ColorChg;
	node1.style.color=ColorChg;

	//node1.setAttribute("bgColor",ColorChg);	// fgColor 
	if (fadecntr++ <= fadeincr) {setTimeout('FadeColor()',fadetime);}
	} //---- end FadeColor

// -------------------------------------------------------------------------------
// Navigation - mouse events
// -------------------------------------------------------------------------------
	function RollIn(what)
	{
	var jj = 1;
	var node1 = document.getElementById(what);
	node1.style.background=clrNavIn

	for (var ii = 0 ; ii < 11 ; ii++)
		{if (what == ("btn" + ii)) {jj=ii}
		}

	var node2 = document.getElementById('HELP');
//	node2.lastChild.nodeValue = mtxHelp[jj];
	}

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function RollOut(what)
	{
	var node1 = document.getElementById(what);
	node1.style.background=clrNavOt;

	var node2 = document.getElementById('HELP');
//	node2.lastChild.nodeValue = " ";
	//node1.setAttribute("bgColor","E0E0DA");
	}

// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function URLGo(which)
	{			
		var whaturl=mtxURL[which];
		window.location.href=whaturl;
	}

// -------------------------------------------------------------------------------
// Test/Explore Section
// -------------------------------------------------------------------------------
	function testDOM()
	{
	var node1 = document.getElementById("home");
	var fld1 = node1.nodeName;
	var fld2 = node1.nodeType;
	var fld3 = node1.nodeValue;
	var fld4 = node1.lastChild.nodeName;
	var fld5 = node1.lastChild.nodeType;
	var fld6 = node1.lastChild.nodeValue;
	alert ('DOM=' + fld1 + ' ' + fld2 + ' ' + fld3);
	alert ('DOM=' + fld4 + ' ' + fld5 + ' ' + fld6);
	}
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	function parseDOM()
	{
	var node;
	for (var ii = 0 ; ii < 16 ; ii++)
		{ 
		// node = document.childNodes[ii].Item(0).value;
		window.status = node;
		}
	}
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -