/**
 * GearSpin Javascript Menu
 *
 * Usage : 
 *
 * Add this where you want the menu to go:
 * ---------------------------------------
 * <img id=placer src="placer.gif">
 *
 * Add this at the end (directly after the </body> tag: 
 * ----------------------------------------------------
 * <div id=menu></div>
 * <script type="text/javascript" src="gsjmenu-content.js"></script>
 * <script type="text/javascript" src="gsjmenu-code.js"></script>
 */


//DON'T CHANGE THIS
//init internal variables needed for menu generation ------------------------------
var chrarr = ["0","1","2","3","4","5","6","7","8","9","A",
              "B","C","D","E","F","G", "H", "I", "J", "K", "L"];
var menuArr = new Array(); var trackArr = new Array();
//end init internal varibales needed for menu generation --------------------------


//START HERE
//define menu here ----------------------------------------------------------------

/**
 * API for addMenu(myName, parentName, parentIndex, myArray)
 *
 * @param myName Unique string name for this menu group.
 * @param parentName Name of the parent menu group that this menu group should
 *        spring from. Should be "" for base menu.
 * @param parentIndex Index of the entry on the parent's menu group that this
 *        menu group should spring from
 * @param myArray String[][] which defines this menu group. Each String[][] menu
 *        group is made up of several String[] menu items. Menu items should be 
 *        of the form : 
 *        ["name on menu", "url launched"] for normal menu entry
 *        ["name on menu", "-"] if this entry has a child menu group *
 *        Extra options (such as "b" for open in blank window) are tagged to an
 *        optional 3rd string in menu item String[].
 */



addMenu("Base", "", 0, // for the base menu, make the second argument ""
        [
         ["About us", "-"],
		 ["Product equipment","-"],
         ["Services","-"],
         ["Algae fuel", "jet-fuel.htm"],
         ["Investment","investment.htm"],
		 ["Newsletter", "newsletter.htm"]
         ]);



addMenu("About us", "Base", 0, 
        [
         ["About AlgaeLink", "about-us.htm"],
         ["Company mission", "company-mission.htm"],
		 ["Home", "index.htm"],
         ["Contact us", "contact-us.htm"]
         ]);

addMenu("Product equipment", "Base", 1, 
        [
         ["Algae growing equipment", "algae-growing-equipment.htm"],
  		 ["AlgaeLink systems", "algae-systems.htm"],
		 ["Basic AlgaeLink PBR system", "basic-algaelink-pbr-system.htm"],
         ["Advanced AlgaeLink PBR system", "algae-photobioreactors.htm"],
		 ["Solar dryer", "solar-dryer.htm"]
         ]);
		 
addMenu("Services", "Base", 2, 
        [
         ["Customer service", "customer-service.htm"],
         ["Research and Development", "r-d.htm"],
		 ["Service", "service.htm"],
		 ["CO2", "co2.htm"]
         ]);
/*
addMenu("Algae fuel", "Base", 3, 
        [
         ["Jet fuel", "jet-fuel.htm"]
         ]);
         */
/*
addMenu("Investment", "Base", 4, 
        [
         ["Investment", "investment.htm"]
         ]);
*/
addMenu("Downloads", "Base", 5, 
        [
         ["Algae growing equipment (VIDEO)", "algae-growing-equipment-downloads.htm"]
         ]);



//end define menu ------------------------------------------------------------------

//CHANGE THIS
//initialise user-defined elements -------------------------------------------------

//x and y offsets of the menu from the element on the page with id=placer (adjust this
// to get the positioning of the menu once its been created)
var totXOff = 0;
var totYOff = 0;

//CHANGE THIS IF YOU WANT
//background colors
var bgLowColor = "#D5EAAB";
var bgHiColor = "#0000CC";
//base menu items width in pixels
var baseWVal = 115;
//other menu items width in pixels
var menuWVal = 180;
//text colors
var textLowColor = "#0000CC";
var textHiColor = "#FFFFFF";
//base menu items and other menu items text settings (CSS)
var baseText = "bold 11px Arial";
var menuText = "11px Arial";
//text offsets from the top and left
var textLeftOff = 5;
var textTopOff = 3;

//EFFECTS (can't have both together)
//do you want shadows
var shadowFlag = false;
//do you want the menu to be faded (100 for no)
var alpha = 100;

//STUFF YOU MIGHT NOT WANT TO MESS AROUND WITH
//delay value in milliseconds before the menu disappears
var delayVal = 400;
//border colors and pattern (CSS)
var borderLow = "1px solid #CAD9AD";
var borderHi = "1px solid #CAD9AD";
//x and y offsets of child menus that pop up when you mouse over the parent item
var menXOff = 4;
var menYOff = 4;
//src of arrow gif
var arrowGif = "arrow.gif";
//shadow options (color and offset)
var shadowColor = "#BBBBBB";
var shadowOff = 3;
//end initialise user-defined elements ----------------------------------------------


//DON'T CHANGE THIS
//add menu function - don't change this ---------------------------------------------
function addMenu(myName, parentName, parentInd, valueArr){
  var myAcr = "";
  if(parentName != "")
    myAcr += trackArr[parentName] + chrarr[parentInd];  
  else
    myAcr = "a";
  menuArr[myAcr] = valueArr;
  trackArr[myName] = myAcr;
}
//end add menu function -------------------------------------------------------------