var MENU_TIMEOUT, MENU_TOP = 130, MENU_LEFT = 210, MENU_WIDTH = 150;

var MenuDef = '<DIV id="MENU_ID" class="menuBORDER">';
//--- Do not change the line above ---

//--- MENUBAR Definition -------------------------------------------------------
// Do not change the first and the last line of this section
//
// Each BUTTON on the Menu Bar has the following format:
// <DIV id="MENU_0002" class="menuBUTTON" menu="MENU_M01" url="technology.html">Technology</DIV>
//          |                                   |              |                |
//          -- Unique ID                        |              |                --> title of menu
//                                              |              --> link to your page
//                                              --> ID of Menu Pane linked to
//
// Please note that:
//      1) each line of the Menu Bar format is enclosed with single-quotes (')
//      2) each line of the Menu Bar format must end with a plus (+) character
//      3) the entries "id" and "class" in the format is compulsory, rest are optional
//      4) if any of the other entries are not used, you can left if empty or remove it altogether
//------------------------------------------------------------------------------
MenuDef +=  '<DIV id="MENU_MENUBAR" class="menuBAR">' +
                '<DIV id="MENU_0000" class="menuBUTTON" url="index.html">Home</DIV>' +
                '<DIV id="MENU_0001" class="menuBUTTON" url="aboutUS.html">About Us</DIV>' +
                '<DIV id="MENU_0002" class="menuBUTTON" menu="MENU_M01" url="technology.html">Technology</DIV>' +
                '<DIV id="MENU_0003" class="menuBUTTON" menu="MENU_M02" url="product.html">Products</DIV>' +
                '<DIV id="MENU_0004" class="menuBUTTON" url="reference.html">References</DIV>' +
                '<DIV id="MENU_0005" class="menuBUTTON" menu="MENU_M03" url="contactUS.html">Contact Us</DIV>' +
            '</DIV>';

//--- Technology Menu Definition ---
// Do not change the first and the last line of this section
//
// Each MENU ITEM on the Menu/Sub-Menu Pane has the following format:
// <DIV id="MENU_0101" class="menuITEM" menu="SUB_SM01" url="technology.html">Core Technology</DIV>
//          |                                 |              |                |
//          -- Unique ID                      |              |                --> title of menu
//                                            |              --> link to your page
//                                            --> ID of Sub-Menu Pane linked to
//
// Please note that:
//      1) each line of the Menu Bar format is enclosed with single-quotes (')
//      2) each line of the Menu Bar format must end with a plus (+) character
//      3) the entries "id" and "class" in the format is compulsory, rest are optional
//      4) if any of the other entries are not used, you can left if empty or remove it altogether
//------------------------------------------------------------------------------
MenuDef +=  '<DIV id="MENU_M01" class="menuPANE">' +
                '<DIV id="MENU_0101" class="menuITEM" menu="SUB_SM01" url="technology.html">Core Technology</DIV>' +
                '<DIV id="MENU_0102" class="menuITEM" url="techGuide.html">Technical Guides</DIV>' +
                '<DIV id="MENU_0104" class="menuITEM" url="energySaving.html">Energy Saving Guides</DIV>' +
                '<DIV id="MENU_0103" class="menuITEM" url="faq.html">FAQs</DIV>' +
            '</DIV>';

//--- Technology Sub-Menu Definition ---
// Do not change the first and the last line of this section
MenuDef +=  '<DIV id="SUB_SM01" class="menuPANE">' +
                '<DIV id="SUB_0101" class="menuITEM" url="reports.html">Test Reports</DIV>' +
                '<DIV id="SUB_0102" class="menuITEM" url="UL-Approval.html">UL Approvals</DIV>' +
            '</DIV>';

//--- Product Menu Definition ---
// Do not change the first and the last line of this section
MenuDef +=  '<DIV id="MENU_M02" class="menuPANE">' +
                '<DIV id="MENU_0201" class="menuITEM" url="./inductionST.html"      >ST Series Lighting</DIV>' +
                '<DIV id="MENU_0202" class="menuITEM" url="./inductionVL.html"      >VL Series Lighting</DIV>' +
                '<DIV id="MENU_0203" class="menuITEM" url="./inductionDOWN.html"    >Down Lighting</DIV>' +
                '<DIV id="MENU_0204" class="menuITEM" url="./inductionFRIDGE.html"  >Refrigerator Lighting</DIV>' +
                '<DIV id="MENU_0205" class="menuITEM" url="./inductionGARAGE.html"  >Garage Lighting</DIV>' +
                '<DIV id="MENU_0206" class="menuITEM" url="./inductionHOME.html"    >Home Lighting</DIV>' +
                '<DIV id="MENU_0207" class="menuITEM" url="./inductionTUNNEL.html"  >Tunnel Lighting</DIV>' +
                '<DIV id="MENU_0208" class="menuITEM" url="./inductionWALLPACK.html">Wall Pack Lighting</DIV>' +
            '</DIV>';

//--- Contact Us Menu Definition ---
// Do not change the first and the last line of this section
MenuDef +=  '<DIV id="MENU_M03" class="menuPANE">' +
                '<DIV id="MENU_0301" class="menuITEM" url="contactUS.html">Tell Us Your Needs</DIV>' +
                '<DIV id="MENU_0302" class="menuITEM">Phone: +65 67430911</DIV>' +
                '<DIV id="MENU_0303" class="menuITEM">Fax: +65 67450105</DIV>' +
                '<DIV id="MENU_0304" class="menuITEM" url="mailto:jkpl@jk.com.sg">Email: jkpl@jk.com.sg</DIV>' +
            '</DIV>';

//--- Do not change the line below ---
MenuDef += '</DIV>';

$("divMENU").style.zIndex = "1000";
$("divMENU").style.top = MENU_TOP + "px";
$("divMENU").style.left = MENU_LEFT + "px";
$("divMENU").innerHTML = MenuDef;
new menuCascade("MENU");