// Copyright 1999-2006 eSolutions Limited
// Obtain written permission before using any part of this code from info@esol-group.com.

// Support: IE6, NS7.0, NS7.1, Safari, Mozilla
//   In order to support NS7.0 the Parent of menu should be a absolute DIV
// Not support: MAC IE

/*******************************************************************************
  PopMenu class
*******************************************************************************/
function PopMenu(parentId,MenuArray,cell_w,cell_h,cell_p,border){

	if (typeof cell_w == 'undefined' || cell_w==null) cell_w=200
	if (typeof cell_h == 'undefined' || cell_h==null) cell_h=19
	if (typeof cell_p == 'undefined' || cell_p==null) cell_p=8
	if (typeof border == 'undefined' || border==null) border=1

  this.cellWidth = cell_w
  this.cellHeight = cell_h
  this.cellPadding = cell_p
  this.border = border
  this.borderImage = 'popmenu_border.gif'
  this.spacerImage = '/sys/1x1.gif'

	/*****************************************************************************
	 * Create and return menu item
	 * Style className used	 
	 *   menu0  - 1st level, no child
	 *   menu0c - 1st level, have child
	 *   menu1  - 2nd+ level, no child
	 *   menu1c - 2nd+ level, have child
	 *   ??????_on - same 4 styles above in mouseover state            	 
	 ****************************************************************************/   	
	this.createItem = function(menu_level,num,DivData,x,y,w,h,padding,haveChild,isLast){
		var tempObj = document.createElement('DIV')
    tempObj.className = 'menu' + (menu_level==0?'0':'1') + (haveChild?'c':'')
		tempObj.offclass = tempObj.className
		tempObj.onclass = tempObj.offclass + "_on"

		var tempArray = (''+DivData).split('|')
		
		//Set left padding and menu title
		tempObj.innerHTML = '<img src="'+this.spacerImage+'" align=absmiddle height='+(h-1)+' width='+padding+'>' + tempArray[0]
		//storing debugging msg, not neccessary
		//tempObj.value = tempArray[0] 

		if (menu_level==0) {
			tempObj.style.width = w
			tempObj.style.height = h-1
			tempObj.style.position = 'static'
  		if(tempArray.length>2 && tempArray[2]!='')
    			tempObj.style.width = parseInt(tempArray[2])
			//tempObj.style.top=y+num*h
			//tempObj.style.borderBottom = "1px solid #CCCCCC"
		}else{
			tempObj.style.position = 'absolute'
			tempObj.style.width = w
			tempObj.style.top = num*h
  		if(tempArray.length>2 && tempArray[2]!='')
  			tempObj.style.width = parseInt(tempArray[2])
			if (this.border > 0) { //creating borders by "menu_border.gif" and "style"
				tempObj.innerHTML = '<img src="'+this.borderImage+'" height='+this.border+' width='+tempObj.style.width+'><br>'
          +'<img src="'+this.borderImage+'" align=absmiddle height='+(h-1)+' width='+this.border+'>'
          +tempObj.innerHTML
				tempObj.style.borderRight='1px solid #FFFFFF'
				if (isLast) {
					tempObj.style.borderBottom='1px solid #FFFFFF'
				}
			}
		}

		// If a hyperlink is specified, set the onclick event
		if ((tempArray[1]!="") && (tempArray[1]!=null)) {	

      if(typeof tempObj.style == 'undefined')
        tempObj.style.cursor = new Object()

    	var agent = navigator.userAgent.toLowerCase()
    	var is_ie5 = (agent.indexOf('msie 5')!=-1)
    	tempObj.style.cursor = is_ie5 ? 'hand' : 'pointer'

			if ((tempArray[1].toLowerCase()).indexOf('javascript:')==-1){
				tempObj.onclick = function() {
						window.location = tempArray[1]
					}
			}else{
				tempObj.onclick = function() {
						eval(tempArray[1])
					}
			}
		}

		// mouseover change the style
		tempObj.onmouseover = function() {
					//msg.appendMessage("mouseover:" + this.value);	
					tempObj.className = tempObj.onclass	
					if (tempObj.lastChild.tagName=='DIV')
						tempObj.lastChild.style.visibility='visible'
				}

		// mouseout change the style
		tempObj.onmouseout = function() {
					//msg.appendMessage("mouseout:" + this.value);
					tempObj.className = tempObj.offclass
					if (tempObj.lastChild.tagName=='DIV')
						tempObj.lastChild.style.visibility='hidden'
				}
		
    return(tempObj) // return the HTML Obj created
	}


  /*****************************************************************************
   * Create 1 level of menu
   ****************************************************************************/     
	this.createMenu = function(ParentObj,Level,SubArray,cx){
		var divHolder = document.createElement('DIV')

		divHolder.style.position = Level==0 ? 'static' : 'absolute' 
		divHolder.style.visibility = 'hidden'
    if(Level==1)
			divHolder.style.top = ParentObj.offsetTop // the parent is static and have an offsetTop value
    else if(Level>1)
			divHolder.style.top = 0 // the parent is absolute this child should align top with the parent

		ParentObj.appendChild(divHolder)
		
		for (var i=0; i<SubArray.length; i++) {
			var fx = 0 // fx=cx
			var fy = 0 // fy=pos_y
			if(Level>0){
			  fx = ParentObj.offsetWidth - (Level==1 ? 0 : 1) // minus border for Level > 1
				if (isNaN(fx))
					fx=this.cellWidth // cell_w
			}
			divHolder.style.left = fx
			if (SubArray[i].length>1) {  // With submenus
				sParentObj = divHolder.appendChild(this.createItem(Level,i,SubArray[i][0],fx,fy,this.cellWidth,this.cellHeight,this.cellPadding,true,(i==SubArray.length-1)))
				this.createMenu(sParentObj,Level+1,SubArray[i][1],fx)
			}else{   // Without submenus
				divHolder.appendChild(this.createItem(Level,i,SubArray[i],fx,fy,this.cellWidth,this.cellHeight,this.cellPadding,false,(i==SubArray.length-1)))
			}
		}
	}
	
  /*****************************************************************************
    Create the entire menu
  *****************************************************************************/  
	this.init = function(){
  	var root = document.getElementById(parentId)
  	if(root == null) return false
	  this.createMenu(root, 0, MenuArray)
	}
}