var ie5=document.all&&document.getElementById;
var contextMenu_items = new Array();

if (contextMenu_old == undefined)
{
  var contextMenu_old = (document.onclick) ? document.onclick : function () {};
  document.onclick= function () {contextMenu_old();contextMenu_hide();};
}

function contextMenu_renderLeftClick(menuId,e) {
	contextMenu_hide(e);
	contextMenu_show(menuId,e);
	e.cancelBubble=true;
	e.returnValue=false;
	return false;
} 


function contextMenu_show(menuId,e){
	var menuobj=document.getElementById(menuId)
	var posx = 0;
	var posy = 0;
	var yoffset = 0;
	var xoffset = 0;
var firedobj = ie5?e.srcElement:e.target;
    while (firedobj!=null && firedobj.tagName!="HTML"){
                //this is a hack, need to revisit
                if (firedobj.tagName == "DIV") {
                xoffset+=firedobj.offsetLeft;
                yoffset+=firedobj.offsetTop;}
            firedobj=firedobj.offsetParent;
   }
		var el = document.documentElement;
               posx = e.clientX - xoffset + (ie5? el.scrollLeft : window.pageXOffset);
               posy = e.clientY - yoffset + (ie5? el.scrollTop : window.pageYOffset);
	menuobj.style.left=posx + "px";
	menuobj.style.top=posy + "px";
      menuobj.style.visibility="visible"
      menuobj.style.display="block"
      menuobj.style.zIndex="1000"
	return false
}

function contextMenu_hide(){
	for (i=0;i<contextMenu_items.length;i++) {
    try{
		  document.getElementById("contextMenu_"+contextMenu_items[i]+"_menu").style.visibility="hidden"
    }catch(e){
      //
    }
	}
	return false;
}


function contextMenu_createWithImage(imagePath, id, name, className, divTitle, numCols){
  this.style = className;
  this.title = divTitle;
  this.cols = numCols;
	contextMenu_items.push(id);
	this.id = id;
	this.name = name;
	this.type = "image";
	this.imagePath=imagePath;
	this.linkLabels = new Array();
	this.linkUrls = new Array();
	this.draw = contextMenu_draw;
	this.print = contextMenu_print;
	this.addLink = contextMenu_addLink;
}

function contextMenu_createWithLink(id, name, className, divTitle, numCols){
  this.style = className;
  this.title = divTitle;
  this.cols = numCols;
	contextMenu_items.push(id);
	this.id = id;
	this.name = name;
	this.type = "link";
	this.linkLabels = new Array();
	this.linkUrls = new Array();
	this.draw = contextMenu_draw;
	this.print = contextMenu_print;
	this.addLink = contextMenu_addLink;
}

function contextMenu_draw() {
  var style = this.style ? this.style : "contextMenu_skin";
	var output = "";
	output += '<div id="contextMenu_' + this.id + '_menu" class="'+style+'">';

  if (this.title) {
    output += '<h2 style="background: none; border: none;">' + this.title + '</h2>';
  }

  var els4cols = 0;
  if (this.cols) {
    //els4cols = (this.linkUrls.length % this.cols) ? (Math.floor(this.linkUrls.length / this.cols) + 1) : (this.linkUrls.length / this.cols);
    els4cols = Math.floor(this.linkUrls.length / this.cols);
    output += "<table>";
  }
  var counter = 0;
	for (var i=0;i<this.linkUrls.length;i++) {
    counter++;
    if (this.cols && (counter == 1)) {
      output += "<tr>";
    }
    if (this.cols) {
      output += "<td nowrap>";
    }
		output += "<a style=\"color: black;\" href=\"" + this.linkUrls[i] + "\">" + this.linkLabels[i] + "</a><br />";
    if (this.cols) {
      output += "</td>";
    }
    if (this.cols && (counter >= els4cols)) {
      output += "</tr>";
      counter = 0;
    }
	}
  if (this.cols) {
    output += "</table>";
  }
	output += '</div>';
	if (this.type == "image") {
		output += '<img src="' + this.imagePath + '" id="contextMenu_' + this.id + '" onclick="return contextMenu_renderLeftClick(\'contextMenu_' + this.id + '_menu\',event)" alt="' + this.name + '" title="' + this.name + '" align="absmiddle" />';
	} else {
		output += '<a href="#" id="contextMenu_' + this.id + '" onclick="return contextMenu_renderLeftClick(\'contextMenu_' + this.id + '_menu\',event)">' + this.name + '</a>';
	}
	return output;
}

function contextMenu_print(){
	document.write(this.draw());
}

function contextMenu_addLink(linkUrl,linkLabel){
	this.linkUrls.push(linkUrl);
	this.linkLabels.push(linkLabel);
}