/*****************************************************************************

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.

**/



//Extra code to find position:

function findPos(){

  if(bw.ns4){   //Netscape 4

    x = document.layers.layerMenu.pageX

    y = document.layers.layerMenu.pageY

  }else{ //other browsers

    x=0; y=0; var elt,temp

    elt = bw.ie4?document.all["divMenu"]:document.getElementById("divMenu");

    if(elt.offsetParent){

      temp = elt

      while(temp.offsetParent){ //Looping parent elements to get the offset of them as well

        temp=temp.offsetParent; 

        x+=temp.offsetLeft

        y+=temp.offsetTop;

      }

    }

    x+=elt.offsetLeft

    y+=elt.offsetTop

  }

  //Returning the x and y as an array

  return [x,y]

}



//Menu object creation

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



//Menu properties   

oCMenu.pxBetween=4 // Pixels between the lines



//Using the cm_page object to place the menu ----

  //There are some differences between the browsers that I try to fix here.

// oCMenu.fromLeft=!bw.ns4?cmpage.x2 - 160:cmpage.x2 - 176

pos = findPos()

oCMenu.fromLeft=pos[0]

oCMenu.fromTop=pos[1]



//We also need to "replace" the menu on resize. So:

// oCMenu.onresize="oCMenu.fromLeft=cmpage.x2 - 160"

oCMenu.onresize="pos = findPos(); oCMenu.fromLeft=pos[0]; oCMenu.fromTop=pos[1]"



oCMenu.rows=0

oCMenu.menuPlacement=0

                                                             

oCMenu.offlineRoot="" 

oCMenu.onlineRoot="/womenwatch/directory/" 

oCMenu.resizeCheck=1

oCMenu.wait=1000 

// oCMenu.fillImg="images/0066CC.gif"

oCMenu.fillImg=""

oCMenu.zIndex=0



//Background bar properties

oCMenu.useBar=1

oCMenu.barWidth="menu"

oCMenu.barHeight="menu" 

oCMenu.barClass="clBar"

oCMenu.barX="menu"

oCMenu.barY="menu"

oCMenu.barBorderX=0

oCMenu.barBorderY=0

oCMenu.barBorderClass=""



//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=146

oCMenu.level[0].height=36

oCMenu.level[0].regClass="clLevel0"

oCMenu.level[0].overClass="clLevel0over"

oCMenu.level[0].borderX=1

oCMenu.level[0].borderY=1

oCMenu.level[0].borderClass="clLevel0border"

oCMenu.level[0].offsetX=-10

oCMenu.level[0].offsetY=-101

oCMenu.level[0].rows=0

oCMenu.level[0].arrow=0

oCMenu.level[0].arrowWidth=0

oCMenu.level[0].arrowHeight=0

oCMenu.level[0].align="right"





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

oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)

oCMenu.level[1].width=250 // oCMenu.level[0].width-2

oCMenu.level[1].height=20

oCMenu.level[1].regClass="clLevel1"

oCMenu.level[1].overClass="clLevel1over"

oCMenu.level[1].borderX=1

oCMenu.level[1].borderY=1

oCMenu.level[1].align="right" 

oCMenu.level[1].offsetX=0 // (oCMenu.level[0].width-2)/2+20

oCMenu.level[1].offsetY=0

oCMenu.level[1].borderClass="clLevel1border"