/////////////////////////////////////////////////
  //
  //   Menus by : shoaib ali
  //
  //   use the code according to your need there is no copyright..(i dont mind if u give me some credit)
  //   you can contact me at alleey@usa.net
  //   your comments and suggestions are always Welcome!
  //
  /////////////////////////////////////////////////


function onmenuclick(obj,code)
{
	hide(obj);
	eval(code);
}

function onmenutitleclick(code)
{
	eval(code);
}

function show(obj)
{
 	if(typeof(obj) == "undefined")
		return;
 	obj.style.visibility = 'visible';
}

function hide(obj)
{
	if(typeof(obj) == "undefined")
		return;
	obj.style.visibility = 'hidden';
}

function SetColor(obj,color)
{
	if(typeof(obj) == "undefined")
		return;
	obj.style.backgroundColor = color;
}

function OnMouseOverBar(obj,rowid,colid,color)
{
	SetColor(obj,color);
	//window.status = menuArr[rowid][colid][2];
}

function OnMouseOutOfBar(obj,rowid,colid,color)
{
	SetColor(obj,color);
	//window.status = "";
}

function OnMouseOverMenu(obj)
{
	if(typeof(obj) == "undefined")
		return ;
	obj.style.fontWeight = "bold";
}

function OnMouseOutOfMenu(obj)
{
	if(typeof(obj) == "undefined")
		return ;
	obj.style.fontWeight = "normal";
}


function Initialize(rows,cols)
{
  menuArr = new Array();
  titles =  new Array();
  for(i=0; i< rows; i++)
  {
     titles[i] =  new Array(2)
	 titles[i][0] = "";
	 titles[i][1] = 0;
  }
  for (i=0; i < rows; i++) 
  {
	menuArr[i] = new Array(cols)
	for (j=0; j < cols; j++) 
	{
		menuArr[i][j] = new Array(3)
		for(k=0; k < 3 ; k++)
		 menuArr [i][j][k] = "";
	}
  }
}

function CreatePopUpMenu(rowid,x,y,width,height,hColor,dColor,bColor,items,align,border)
{
	if(!items)
	{
	   return;
	}
	var divHTML ;

	divHTML = "<DIV id=\"popup_"+rowid+"\"" ;
	divHTML += "style=\"position:absolute; top:"+y+"px; left:"+x+"px; width:"+width+"px; visibility:hidden; padding-left:"+border+"; background-color:"+bColor+";\" ";
	divHTML += "onmouseover=\"show(this);\" onmouseout=\"hide(this);\" >\n";
	divHTML += CreateSeparatorBar(bColor,width-(border*2),border);

	for (i=0;i<items;i++)
	{
		divHTML += CreateMenuBar('popup_'+rowid,rowid,i,width-(border*2),height,hColor,dColor,align);
		divHTML += CreateSeparatorBar(bColor,width-(border*2),border);
	}  
	  
	divHTML += "</DIV>";
	document.write(divHTML);
}

function CreateMenu(rowid,x,y,width,height,hColor,dColor,bColor,items,align,border,subWidth)
{
	var divHTML ;
	var menuBar;
	menuBar ="<DIV id=\"main_div_"+rowid+"\" align=\""+align+"\" style=\"color:\'#FFFFFF\'; position:absolute; CURSOR: hand; top:"+y+"px; left:"+x+"px; width:"+width+"px; height:"+height+"px; visibility:visible;  background-color:"+dColor+";\" ";
	//menuBar += " onmouseover=\"javascript:show(document.all[\'div_"+rowid+"\']);OnMouseOverBar(this,"+rowid+","+items+",\'"+hColor+"\');\"";   
	menuBar += " onmouseover=\"javascript:show(document.all[\'div_"+rowid+"\']);OnMouseOverMenu(this);\"";   
	//menuBar += " onmouseout=\"javascript:hide(document.all[\'div_"+rowid+"\']);OnMouseOutOfBar(this,"+rowid+","+items+",\'"+dColor+"\');\"";
	menuBar += " onmouseout=\"javascript:hide(document.all[\'div_"+rowid+"\']);OnMouseOutOfMenu(this);\"";
	menuBar += " onclick=\"onmenutitleclick(\'" + titles[rowid][2] + "\');\" >"; 
	menuBar += titles[rowid][0] + " </DIV>";
	document.write (menuBar);
	
	if(!items)
	{
	   return;
	}
	
	y += height + 1;
	divHTML = "<DIV id=\"div_"+rowid+"\"" ;
	divHTML += "style=\"filter:alpha(Opacity=95); position:absolute; top:"+y+"px; left:"+x+"px; width:"+width+"px; visibility:hidden; padding-left:"+border+"; background-color:"+bColor+";\" ";
	divHTML += "onmouseover=\"show(this);\" onmouseout=\"hide(this);\" >\n";
	divHTML += CreateSeparatorBar(bColor,width-(border*2),border);

	width += subWidth;
	for (i=0;i<items;i++)
	{
		divHTML += CreateMenuBar('div_'+rowid,rowid,i,width-(border*2),height,hColor,dColor,align);
		divHTML += CreateSeparatorBar(bColor,width-(border*2),border);
	}  
	  
	divHTML += "</DIV>";
	document.write(divHTML);
}

function CreateSeparatorBar(dColor,width,border)
{
	var sepHTML; 
	sepHTML = "<DIV id=\"line_separator\" style=\"position:relative; height:1px; background-color:"+dColor+";\" >";
	sepHTML += "<img src=\"\" width=" + width  + " height="+border/2+"></DIV> \n";
	return sepHTML;
}

function CreateMenuBar(parent,rowid,colid,width,height,hColor,dColor,align)
{
	var subMenuHTML; 
	subMenuHTML = "\n<DIV align="+align+" id=\"div_"+rowid+"_"+colid+"\" style=\"position:relative; CURSOR: hand; width:"+width+"px; color:\'#FFFFFF\'; background-color:"+dColor+";\" ";
	//subMenuHTML += " onmouseover=\"OnMouseOverBar(this,"+rowid+","+colid+",\'"+hColor+"\');\" ";
	subMenuHTML += " onmouseover=\"OnMouseOverMenu(this);\" ";
	subMenuHTML += " onclick=\"onmenuclick(document.all[\'"+parent+"\'],\'" + menuArr[rowid][colid][1] + "\');\" ";
	//subMenuHTML += " onmouseout=\"OnMouseOutOfBar(this,"+rowid+","+colid+",\'"+dColor+"\');\" >";
	subMenuHTML += " onmouseout=\"OnMouseOutOfMenu(this);\" >";
	subMenuHTML += "- "+menuArr[rowid][colid][0];
	subMenuHTML += " </DIV> \n";
	return subMenuHTML;
}

function TrackPopUp(obj)
{
	if(typeof(obj) == "undefined")
		return;
	var winWidth  = document.body.clientWidth;
	var winHeight = document.body.clientHeight;
	x = winWidth - (obj.offsetWidth + window.event.x);
	y = winHeight - (obj.offsetHeight + window.event.y);
	obj.style.left = x<0 ? window.event.x + x : window.event.x ;
	obj.style.top = y<0 ? window.event.y + y : window.event.y;	
	show(obj);
	return false;
}

function openwindow(l, t)
{
	window.open(l,"PictureWindow","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=660, height=500")
}