ContextMenu = function() {
	//build the menu node
	this.menuNode = document.createElement("div");
	this.menuNode.setAttribute("className", "uslContext_menu");
	this.menuNode.setAttribute("unselectable", "on");
	
	document.body.appendChild(this.menuNode);
	
	//probably need to add some child nodes
}

ContextMenu.prototype.addNode = function(img, text, href) {
	//create the menu item node
	menuItemNode = document.createElement("div");
	menuItemNode.setAttribute("className", "uslContext_menu_item");
	menuItemNode.setAttribute("unselectable", "on");
	menuItemNode.setAttribute("link", href);
	
	this.menuNode.appendChild(menuItemNode);
	
	//add the mouseover/out events
	menuItemNode.attachEvent("onmouseenter", ContextMenu.hiLite);
	menuItemNode.attachEvent("onmouseleave", ContextMenu.loLite);
	menuItemNode.attachEvent("onclick", ContextMenu.clickItem);
	
	//add the menu item holder node
	menuItemHolderNode = document.createElement("div");
	menuItemHolderNode.setAttribute("className", "uslContext_menu_item_holder");
	
	menuItemNode.appendChild(menuItemHolderNode);
	
	//add the image holder node
	menuItemImageHolderNode = document.createElement("div");
	menuItemImageHolderNode.setAttribute("className", "uslContext_menu_item_imageHolder");
	menuItemImageHolderNode.setAttribute("unselectable", "on");
	
	menuItemHolderNode.appendChild(menuItemImageHolderNode);
	
	//add the image to the node
	if(img) {
		menuItemImage = document.createElement("img");
		menuItemImage.setAttribute("src", img);
		
		menuItemImageHolderNode.appendChild(menuItemImage);
	}
	
	//add the text to the node
	menuItemTextNode = document.createElement("div");
	menuItemTextNode.setAttribute("className", "uslContext_menu_item_text");
	menuItemTextNode.setAttribute("unselectable", "on");
	
	menuItemTextNodeText = document.createTextNode(text);
	menuItemTextNode.appendChild(menuItemTextNodeText);
	
	menuItemHolderNode.appendChild(menuItemTextNode);
}

ContextMenu.prototype.addBreak = function() {
	//create the menu item node
	menuBreakNode = document.createElement("div");
	menuBreakNode.setAttribute("className", "uslContext_menu_break");
	
	this.menuNode.appendChild(menuBreakNode);
}

ContextMenu.hiLite = function() {
	obj = event.srcElement;
	obj.className = "uslContext_menu_item_hover";
	return false;
}

ContextMenu.loLite = function() {
	obj = event.srcElement;
	obj.className = "uslContext_menu_item";
	return false;
}

ContextMenu.clickItem = function() {
	href = event.srcElement.getAttribute("link");
	if(!href) href = event.srcElement.parentNode.getAttribute("link");
	if(!href) href = event.srcElement.parentNode.parentNode.getAttribute("link");
	if(!href) href = event.srcElement.parentNode.parentNode.parentNode.getAttribute("link");
	
	document.location = href;
}

contextMenu = null;