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

//Netscape 4 - bug fix - 
//maybe -stupid NS4 - objects are not handled correctly when
//the object creator is in a linked file
if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()

//Frame properties
//oCMenu.frames = 0

//Menu properties   

//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 el,temp
    el = bw.ie4?document.all["menu_position"]:document.getElementById("menu_position");
    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]
}

pos = findPos()

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

//Menu properties   
oCMenu.pxBetween=3

oCMenu.fromLeft=pos[0]+18
oCMenu.fromTop=pos[1]+0

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

oCMenu.rows=1 
oCMenu.menuPlacement="left"
// check bottom for oCMenu.menuPlacementExtra
oCMenu.onlineRoot="/templates/main/"
oCMenu.resizeCheck=1 
oCMenu.wait=1000 
oCMenu.fillImg="../../assets/menu_images/cm_fill.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=0
oCMenu.barWidth="100%"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX=0 
oCMenu.barY=0
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=0;
oCMenu.level[0].height=25 
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=""
oCMenu.level[0].arrowWidth=10
oCMenu.level[0].arrowHeight=10
oCMenu.level[0].align="center"

//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=oCMenu.level[0].width-2
oCMenu.level[1].height=18
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=-1
oCMenu.level[1].offsetY=0
oCMenu.level[1].arrow="../../assets/menu_images/arrow_level_1.gif"
oCMenu.level[1].arrowWidth=9
oCMenu.level[1].arrowHeight=10
oCMenu.level[1].borderClass="clLevel1border"

function get_pixel_width(s,ruler_name) {
	if (document.getElementById) {
		var rulerSpan = document.getElementById(ruler_name);
		rulerSpan.innerHTML = s;
		return rulerSpan.offsetWidth
	}
}

function get_pixel_height(s,ruler_name) {
	if (document.getElementById) {
		var rulerSpan = document.getElementById(ruler_name);
		rulerSpan.innerHTML = s;
		return rulerSpan.offsetHeight
	}
}

extra_pixel_space = 15;

/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/
var js_menu_level_0_total_width = 0;

var menu_level_0_arrow_width = 0;
var menu_level_0_total_width = 740;

var menu_level_0_separator_width = 9;
var menu_level_0_separator_height = 25;

var menu_level_0_total_text_width = 0;
var menu_level_0_item_0_width = get_pixel_width('123', 'ruler_0');

menu_level_0_total_text_width = menu_level_0_total_text_width + menu_level_0_item_0_width;

menu_level_0_available_width = menu_level_0_total_width - menu_level_0_total_text_width - 0*menu_level_0_separator_width;

menu_level_0_text_side_width = menu_level_0_available_width/(2*1);

menu_level_0_text_side_width = Math.round(menu_level_0_text_side_width);
menu_level_0_text_side_width = 7;
	
	oCMenu.makeMenu('m15','','123','main.php?sid=15','',menu_level_0_item_0_width+2*menu_level_0_text_side_width,'','','','','','','','','','window.status="123";','');
	
	
	js_menu_level_0_total_width = js_menu_level_0_total_width + get_pixel_width('123', 'ruler_0');
		
//js_content_width = 562;
//js_from_left_position = 216;
//oCMenu.menuPlacementExtra = (js_content_width - js_menu_level_0_total_width)/2 - js_from_left_position;    
//oCMenu.menuPlacementExtra = 273;
//Leave this line - it constructs the menu
oCMenu.construct()		

document.getElementById('ruler_0').innerHTML = '';
document.getElementById('ruler_1').innerHTML = '';