/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Menu object creation
oCMenu = new makeCM("oCMenu") //Making the menu object. Argument: menuname

//Menu properties   
oCMenu.pxBetween = 0
//Using the cm_page object to place the menu ----
oCMenu.fromLeft = 0
oCMenu.fromTop = 0
oCMenu.rows = 1
oCMenu.menuPlacement = 0

oCMenu.offlineRoot = ""
oCMenu.onlineRoot = ""
oCMenu.resizeCheck = 1
oCMenu.wait = 1000
oCMenu.fillImg = "../images/spacer.gif"
oCMenu.zIndex = 0

//Background bar properties
oCMenu.useBar = 0

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0] = new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width = 157
oCMenu.level[0].height = 29
oCMenu.level[0].regClass = "clLevel0"
oCMenu.level[0].overClass = "clLevel0over"
oCMenu.level[0].borderX = 0
oCMenu.level[0].borderY = 0
oCMenu.level[0].borderClass = "clLevel0border"
oCMenu.level[0].offsetX = 0
oCMenu.level[0].offsetY = 0
oCMenu.level[0].rows = 0
oCMenu.level[0].arrow = 0
oCMenu.level[0].arrowWidth = 0
oCMenu.level[0].arrowHeight = 0
oCMenu.level[0].align = "bottom"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
oCMenu.makeMenu('top0', '', '', 'index.html', '', '80', '29', 'images/menu/home_off.gif', 'images/menu/home_on.gif')

oCMenu.makeMenu('top1', '', '', 'sealers.html', '', '93', '29', 'images/menu/sealers_off.gif', 'images/menu/sealers_on.gif')
oCMenu.makeMenu('sub10', 'top1', '', 'opt.html', '', '122', '31', 'images/menu/sealers_optimum_sealer_off.gif', 'images/menu/sealers_optimum_sealer_on.gif')
oCMenu.makeMenu('sub11', 'top1', '', 'uss.html', '', '122', '31', 'images/menu/sealers_universal_sealer_off.gif', 'images/menu/sealers_universal_sealer_on.gif')
oCMenu.makeMenu('sub12', 'top1', '', 'tgs.html', '', '122', '31', 'images/menu/sealers_tilegrout_sealer_off.gif', 'images/menu/sealers_tilegrout_sealer_on.gif')
oCMenu.makeMenu('sub13', 'top1', '', 'combo.html', '', '122', '31', 'images/menu/sealers_combo_off.gif', 'images/menu/sealers_combo_on.gif')

oCMenu.makeMenu('top2', '', '', 'cleaners.html', '', '109', '29', 'images/menu/cleaners_off.gif', 'images/menu/cleaners_on.gif')
oCMenu.makeMenu('sub20', 'top2', '', 'sc.html', '', '122', '31', 'images/menu/cleaners_stone_cleaner_off.gif', 'images/menu/cleaners_stone_cleaner_on.gif')
oCMenu.makeMenu('sub21', 'top2', '', 'st.html', '', '122', '31', 'images/menu/cleaners_stone_stripper_off.gif', 'images/menu/cleaners_stone_stripper_on.gif')
oCMenu.makeMenu('sub22', 'top2', '', 'cns.html', '', '122', '31', 'images/menu/cleaners_clean_n_seal_off.gif', 'images/menu/cleaners_clean_n_seal_on.gif')
oCMenu.makeMenu('sub23', 'top2', '', 'gtc.html', '', '122', '31', 'images/menu/cleaners_tile_grout_cleaner_off.gif', 'images/menu/cleaners_tile_grout_cleaner_on.gif')
oCMenu.makeMenu('sub24', 'top2', '', 'str.html', '', '122', '31', 'images/menu/cleaners_stain_remover_off.gif', 'images/menu/cleaners_stain_remover_on.gif')
oCMenu.makeMenu('sub25', 'top2', '', 'combo.html', '', '122', '31', 'images/menu/cleaners_combo_off.gif', 'images/menu/cleaners_combo_on.gif')

oCMenu.makeMenu('top3', '', '', 'restorers.html', '', '121', '29', 'images/menu/restorers_off.gif', 'images/menu/restorers_on.gif')
oCMenu.makeMenu('sub30', 'top3', '', 'wbe.html', '', '122', '31', 'images/menu/restorers_color_enhancer_off.gif', 'images/menu/restorers_color_enhancer_on.gif')
oCMenu.makeMenu('sub31', 'top3', '', 'mr.html', '', '122', '31', 'images/menu/restorers_marble_refinisher_off.gif', 'images/menu/restorers_marble_refinisher_on.gif')
oCMenu.makeMenu('sub32', 'top3', '', 'mrk.html', '', '122', '31', 'images/menu/restorers_marble_refinishing_kit_off.gif', 'images/menu/restorers_marble_refinishing_kit_on.gif')
oCMenu.makeMenu('sub33', 'top3', '', 'sp.html', '', '122', '31', 'images/menu/restorers_stone_polish_off.gif', 'images/menu/restorers_stone_polish_on.gif')

oCMenu.makeMenu('top4', '', '', 'faq.html', '', '150', '29', 'images/menu/faq_new_off.gif', 'images/menu/faq_new_on.gif')
oCMenu.makeMenu('top5', '', '', 'contact.html', '', '120', '29', 'images/menu/contacts_off.gif', 'images/menu/contacts_on.gif')
//Leave this line - it constructs the menu
oCMenu.construct()


//Extra code to find position:
function findPos(num) {
    //alert(num)
    if (bw.ns4) {   //Netscape 4
        x = document.layers["layerMenu" + num].pageX
        y = document.layers["layerMenu" + num].pageY
    } else { //other browsers
        x = 0; y = 0; var el, temp
        el = bw.ie4 ? document.all["divMenu" + num] : document.getElementById("divMenu" + num);
        if (el.offsetParent) {
            temp = el
            while (temp.offsetParent) { //Looping parent elements to get the offset of them as well
                temp = temp.offsetParent;
                x += temp.offsetLeft
                y += temp.offsetTop;
            }
        }
        x += el.offsetLeft
        y += el.offsetTop
    }
    //Returning the x and y as an array
    return [x, y]
}
function placeElements() {
    //Changing the position of ALL top items:
    pos = findPos(0)
    oCMenu.m["top0"].b.moveIt(pos[0], pos[1])
    pos = findPos(1)
    oCMenu.m["top1"].b.moveIt(pos[0], pos[1])
    pos = findPos(2)
    oCMenu.m["top2"].b.moveIt(pos[0], pos[1])
    pos = findPos(3)
    oCMenu.m["top3"].b.moveIt(pos[0], pos[1])
    pos = findPos(4)
    oCMenu.m["top4"].b.moveIt(pos[0], pos[1])
    pos = findPos(5)
    oCMenu.m["top5"].b.moveIt(pos[0], pos[1])

    //Setting the fromtop value
    oCMenu.fromTop = pos[1]
}
placeElements()
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize = "placeElements()"