// THIS IS AN HTML VERSION OF THE JAVASCRIPT FILE YOU NEED TO EDIT TO MAKE THE MENU DISPLAY WHAT
// YOU WANT IT TO DISPLAY. THE ACTUAL FILE YOU NEED TO EDIT IS VARS.JS


// SET THE FIRST ITEM, totalTopics, TO THE TOTAL NUMBER OF TOPICS (INCLUDING THE BIBLIOGRAPHY AND
// MODULE SURVEY IF YOU HAVE THEM) IN YOUR MODULE. THIS NUMBER CANNOT EXCEED 9.
//
// THE SECOND ITEN, subtopicsArray, IS WHERE YOU REPORT THE NUMBER OF SUBTOPICS YOU WANT TO BE
// DISPLAYED FOR EACH TOPIC. LEAVE THE COMMA AT THE START OF THAT LIST, THEN EDIT THE FOLLOWING
// NINE NUMBERS TO BE ANYTHING FROM "0" TO "9"; THERE CANNOT BE MORE THAN 9 SUBTOPICS FOR ANY
// GIVEN TOPIC. IF A TOPIC HAS ONLY PAGES AND NO SUBTOPICS, PUT 0. ALSO PUT 0 FOR ANY TOPICS
// AT THE END OF THE LIST THAT YOU ARE NOT USING.
//
// NEXT, YOU CAN USE THE ITEMS topic1PagesArray THRU topic9PagesArray TO SPECIFY THE NUMBER
// OF PAGES TO BE DISPLAYED FOR EACH SUBTOPIC OF EACH TOPIC. THE MAXIMUM NUMBER OF PAGES FOR
// ANY SUBTOPIC IS SET AT 15. LEAVE THE COMMAS AT THE BEGINNING OF EACH LIST, THEN ENTER THE
// NUMBER OF PAGES FOR EACH SUBTOPIC, SEPARATED BY COMMAS. FOR EXAMPLE, IF YOU WANT TO HAVE
// 3 SUBTOPICS FOR TOPIC 5, AND THESE THREE SUBTOPICS HAVE 1, 8, AND 15 PAGES RESPECTIVELY,
// YOUR topic5PagesArray LIST WOULD LOOK LIKE THIS: [,1,8,15,0,0,0,0,0,0].

var totalTopics = 9
var subtopicsArray = [,9,3,4,0,3,1,2,0,0];
var topic1PagesArray = [,15,4,15,3,2,4,6,13,15]
var topic2PagesArray = [,15,8,3,4,5,6,7,8,0]
var topic3PagesArray = [,1,2,3,4,0,0,0,0,0]
var topic4PagesArray = [,4,0,0,0,0,0,0,0,0]
var topic5PagesArray = [,2,4,3,0,0,0,0,0,0]
var topic6PagesArray = [,8,0,0,0,0,0,0,0,0]
var topic7PagesArray = [,4,1,0,0,0,0,0,0,0]
var topic8PagesArray = [,0,0,0,0,0,0,0,0,0]
var topic9PagesArray = [,0,0,0,0,0,0,0,0,0]

// THE FOLLOWING VARIABLES ARE USED FOR MENU LAYOUT. THE VALUES ARE IN PIXELS, AND SHOULD BE
// CHANGED TO MATCH THE SIZES AND OFFSETS YOU WISH TO USE FOR YOUR MENU LAYOUT. YOU CAN POSITION
// THE UPPER BOUND OF THE MENU BUTTONS USING menuTop. THE CURRENT TEMPLATE MENU USES 16 PIXEL-
// HIGH MENU ITEMS, WHICH IS A STANDARD SETTING. IF YOU DECIDE TO USE A DIFFERENT ITEM SIZE,
// YOU WILL NEED TO CHANGE THE menuItemHeight VALUE AS WELL AS ALL OF THE HEIGHT SPECIFICATIONS
// IN THE FILES navmenu.htm AND navmenu.css. ALL MENU ITEMS ARE SPECIFIED AT 126 PIXELS WIDE IN
// THAT FILE AS WELL. IF YOUR MENU ITEMS ARE WIDER OR NARROWER, YOU MUST CHANGE THEIR WIDTH
// SPECIFICATIONS IN navmenu.htm AND navmenu.css. YOU CAN ALSO ADJUST THE LEFT-RIGHT POSITION
// OF THE MENU BY CHANGING THE VALUE OF THE menuLeft VARIABLE.

var logoHeight = 103;
var menuTop = (logoHeight + 10);
var menuItemHeight = 16;
var menuLeft = 0;

// THE FOLLOWING VARIABLES DEFINE THE LAYOUT OF THE PAGES BOX. THE FIRST VARIABLE, pageBoxBuffer,
// DEFINES THE AMOUND OF BLANK SPACE YOU WANT TO SHOW BETWEEN THE LOWEST EXTENDED POSITION OF
// THE MENU AND THE TOP OF THE PAGE BUTTON BOX. YOU CAN PLAY WITH THIS VALUE TO FINE-TUNE THE
// APPEARANCE OF YOUR MENU.
// THE STANDARD BUTTON SIZE IS 16 X 14 PIXELS, AND ALL OF THE OTHER VALUES ARE BUILT AROUND THAT
// BUTTON SIZE. IF YOU WISH TO CHANGE THE PAGE BUTTON SIZES, BE PREPARED TO FIDDLE WITH THE
// VALUES BELOW AND ALSO CHANGE THEM IN navmenu.htm AND navmenu.css.
        
var pageBoxBuffer=7;

var pageBoxLeft=4;
var pageBoxTopOffset=19;
var pageBoxLeftOffset=4;
var pageButtonWidth=16;
var pageButtonHeight=14;
var xgapBetweenButtons=3;
var ygapBetweenButtons=1;