/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)

DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.

Extra info - Coolmenus reference/help - Extra links to help files ****
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48

Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/

/***
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.
**/

function getTextLength(txt, stl) {
// txt is the text
// stl is the name of the defined style
var elem = document.createElement("span");
elem.classname = stl;
var id = "txt_" + new Date().getTime();
elem.setAttribute("id", id);
var t = document.createTextNode(txt);
elem.appendChild(t);
document.body.appendChild(elem);
var n = document.getElementById(id);
var w = n.offsetWidth;
document.body.removeChild(n);
return w;
}

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

coolmenu.frames = 0

//Menu properties
coolmenu.onlineRoot=""
coolmenu.pxBetween=2
coolmenu.fromLeft=205
coolmenu.fromTop=115
coolmenu.rows=1
coolmenu.menuPlacement="0"  //The whole menu alignment, left, center, or right

coolmenu.resizeCheck=1
coolmenu.closeOnClick=1
coolmenu.wait=0
coolmenu.fillImg="cm_fill.gif"
coolmenu.zIndex=100

//Background bar properties
coolmenu.useBar=0
coolmenu.barWidth="100%"
coolmenu.barHeight="menu"
coolmenu.barClass="cBar"
coolmenu.barX=0
coolmenu.barY=0
coolmenu.barBorderX=0
coolmenu.barBorderY=0
coolmenu.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
coolmenu.level[0]=new cm_makeLevel() //Add this for each new level
coolmenu.level[0].width=90
coolmenu.level[0].height=21
coolmenu.level[0].regClass="cLevel0"
coolmenu.level[0].overClass="cLevel0over"
coolmenu.level[0].borderX=0
coolmenu.level[0].borderY=0
coolmenu.level[0].borderClass="cLevel0border"

coolmenu.level[0].offsetX=0
coolmenu.level[0].offsetY=0
coolmenu.level[0].rows=0
coolmenu.level[0].arrow=0
coolmenu.level[0].arrowWidth=0
coolmenu.level[0].arrowHeight=0
coolmenu.level[0].align="bottom"

//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[1].width=coolmenu.level[0].width+20
coolmenu.level[1].height=25
coolmenu.level[1].regClass="cLevel1"
coolmenu.level[1].overClass="cLevel1over"
coolmenu.level[1].borderX=1
coolmenu.level[1].borderY=1
coolmenu.level[1].align="right"
coolmenu.level[1].offsetX=0
coolmenu.level[1].offsetY=0
coolmenu.level[1].borderClass="cLevel1border"

//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[2].width=coolmenu.level[0].width+20
coolmenu.level[2].height=25
coolmenu.level[2].offsetX=0
coolmenu.level[2].offsetY=0
coolmenu.level[2].regClass="cLevel2"
coolmenu.level[2].overClass="cLevel2over"
coolmenu.level[2].borderClass="cLevel2border"

//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[3].width=coolmenu.level[0].width+20
coolmenu.level[3].height=25
coolmenu.level[3].offsetX=0
coolmenu.level[3].offsetY=0
coolmenu.level[3].regClass="cLevel2"
coolmenu.level[3].overClass="cLevel2over"
coolmenu.level[3].borderClass="cLevel2border"



coolmenu.makeMenu('coolmenu_HTnvQwXYty2f4Qc6TnnAlA'.replace(/\-/g,"a"),'coolmenu_PBasset000000000000001'.replace(/\-/g,"a"),"Contact",'/contact','',getTextLength('Contact','clevel0')+20);



coolmenu.makeMenu('coolmenu_FHSKTCYkX2KP0_M6UqKuLg'.replace(/\-/g,"a"),'coolmenu_PBasset000000000000001'.replace(/\-/g,"a"),"Nieuws",'/nieuws','',getTextLength('Nieuws','clevel0')+20);



coolmenu.makeMenu('coolmenu_5TkCbLHmTC2aXUVqF1bsgA'.replace(/\-/g,"a"),'coolmenu_FHSKTCYkX2KP0_M6UqKuLg'.replace(/\-/g,"a"),"Industry News",'/nieuws/industry-news');



coolmenu.makeMenu('coolmenu_xdAaLd9fDwtvG1JJX2NSrA'.replace(/\-/g,"a"),'coolmenu_FHSKTCYkX2KP0_M6UqKuLg'.replace(/\-/g,"a"),"Case Studies",'/nieuws/case-studies');



coolmenu.makeMenu('coolmenu_rPeg5eAPgp5oKlmlZBrvgg'.replace(/\-/g,"a"),'coolmenu_PBasset000000000000001'.replace(/\-/g,"a"),"Referenties",'/root/referenties','',getTextLength('Referenties','clevel0')+20);



coolmenu.makeMenu('coolmenu_GmXuU8BNwHAY318QDKARqw'.replace(/\-/g,"a"),'coolmenu_PBasset000000000000001'.replace(/\-/g,"a"),"Ondersteuning",'/ondersteuning','',getTextLength('Ondersteuning','clevel0')+20);


coolmenu.construct();