//===== Attributes variables Main menu ===========================================

   var MainMenuTextColor = '#000000';						// Menu text link text
   var MainMenuTextBackgroundColor = '';
   var MainCurrentDisplayedPageColor = 'green';					// Current Displayed Page
   var MainCurrentDisplayedPageBackgroundColor = '';
   var MainMouseOverObjectColor = '';						// Mouse over: link text
   var MainMouseOverObjectBackgroundColor = '#c0c0c0';
   var MainMouseOverCurrentDisplayedPageColor = '';				// Mouse over: Current Displayed Page
   var MainMouseOverCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var MainMouseOverLeadInToCurrentDisplayedPageColor = '';			// Mouse over: Lead in to current displayed page
   var MainMouseOverLeadInToCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var MainLeadInToCurrentDisplayedPageColor = 'red';				// Lead in to current displayed page
   var MainLeadInToCurrentDisplayedPageBackgroundColor = '';
   var MainLeadInMouseOverObjectColor = '';					// Mouse lead in to mouse over: link text
   var MainLeadInMouseOverObjectBackgroundColor = '#c0c0c0';
   var MainMouseLeadInOverCurrentDisplayedPageColor = '';			// Mouse lead in to mouse over: Current Displayed Page
   var MainMouseLeadInOverCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var MainLeadInMouseOverLeadInToCurrentDisplayedPageColor = '';		// Mouse lead in to mouse over: Lead in to current displayed page
   var MainLeadInMouseOverLeadInToCurrentDisplayedPageBackgroundColor = '#c0c0c0';

//===== Attributes variables drop down boxes =====================================

   var menuTextColor = '#000000';							// Menu text link text
   var menuTextBackgroundColor = '';
   var CurrentDisplayedPageColor = 'green';					// Current Displayed Page
   var CurrentDisplayedPageBackgroundColor = '';
   var MouseOverObjectColor = '';							// Mouse over: link text
   var MouseOverObjectBackgroundColor = '#c0c0c0';
   var MouseOverCurrentDisplayedPageColor = '';					// Mouse over: Current Displayed Page
   var MouseOverCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var MouseOverLeadInToCurrentDisplayedPageColor = '';			// Mouse over: Lead in to current displayed page
   var MouseOverLeadInToCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var LeadInToCurrentDisplayedPageColor = 'red';				// Lead in to current displayed page
   var LeadInToCurrentDisplayedPageBackgroundColor = '';
   var LeadInMouseOverObjectColor = '';						// Mouse lead in to mouse over: link text
   var LeadInMouseOverObjectBackgroundColor = '#c0c0c0';
   var MouseLeadInOverCurrentDisplayedPageColor = '';				// Mouse lead in to mouse over: Current Displayed Page
   var MouseLeadInOverCurrentDisplayedPageBackgroundColor = '#c0c0c0';
   var LeadInMouseOverLeadInToCurrentDisplayedPageColor = '';		// Mouse lead in to mouse over: Lead in to current displayed page
   var LeadInMouseOverLeadInToCurrentDisplayedPageBackgroundColor = '#c0c0c0';

//===== New section variables ====================================================

   var boxYoffset = 20;									// position first dropdown box, vertical position, distans from generating link text.
   var boxXoffset = -6;									// position first dropdown box, horizontal position, distans from generating link text.
   var gapBetweenBoxes = 0;								// horizontal gap between boxses.
   var gapBetweenMenu = 2;								// horizontal gap between mainmenu and box.
   var boxSideBySideYoffset = -3;							// vertical box position, from generating box link text.
   var alfaToNumeric = 65;								// Value to convert alfabetic character value to a numeric useful value
   var dotPath = "images";								// path to transparent one pixle picture relative to index.html

//===== Init & Section depending variables =======================================

   var dropDownPadding = 1+6+6+1;							// border,leftPadding,rightPadding,border
   var menuPadding = 0;
   var menuArray = '';									// Menu array: Array holding the current displayed page info.
   var menuObj;										// Object holding main menu
   var highestSectionNbr = 0;								// Number of the highest section displayed
   var currentDisplayedPageSequence;						// Object id of current displayed page
   var cursorSequence = 'A';								// Object id, current position cursor is pointing to. ( 'A' = dummy )
   var dfltMessage = '';								// Default message.
   var navBoxTimer = null;								// Timer value to delete navigation boxes.
   var messageTimer = null;								// Timer value to delete message.
   var infoObj;										// Object holding Info text.

//===== static variables =========================================================

   var LinkName = 0;									// Menu array position of menu text
   var filename = 1;									// Menu array position of URL
   var message = 2;									// Menu array position of mouse over message
   var ArrayName = 3;									// Menu array position of child array name

   var newLine = 0;									// delimiter between link objects = new line
   var dot = 1;										// delimiter between link objects = dot
   var bullet = 2;									// delimiter between link objects = Bullet
   var lozenge = 3;									// delimiter between link objects = Lozenge
   var spade = 4;										// delimiter between link objects = filled spade
   var club = 5;										// delimiter between link objects = filled clubs
   var heart = 6;										// delimiter between link objects = filled heart
   var diamon = 7;									// delimiter between link objects = filled diamond
   var ring = 8;										// delimiter between link objects = large oval ring
   var degree = 9;									// delimiter between link objects = round small ring

//===== Delimiter variables ======================================================

   var currentDelimiter = lozenge;
   var Delimit = new Array();
   Delimit[newLine]  = '<br />';
   Delimit[dot]      = ' <span style="position: relative; top: -2pt">.</span> ';
   Delimit[bullet]   = ' &bull; ';
   Delimit[lozenge]  = ' <span style="font-weight: normal">&loz;</span> ';
   Delimit[spade]    = ' &spades; ';
   Delimit[club]     = ' &clubs; ';
   Delimit[heart]    = ' &hearts; ';
   Delimit[diamon]   = ' &diams; ';
   Delimit[ring]     = ' <span style="position: relative; top: +1.5pt">&ordm;</span> ';
   Delimit[degree]   = ' <span style="position: relative; top: +2pt">&deg;</span> ';

//================================================================================