// JavaScript Document

    function commentBox(divCommentBoxID, requestingElement, left, top, callBack, callBackArg ) {
		var commentBoxDiv 	= document.getElementById(divCommentBoxID);
		
		////// Drop Down //////
		commentBoxDiv.style.visibility = 'visible';	
		commentBoxDiv.style.backgroundColor='#C2C2C2';
		commentBoxDiv.style.zindex = '1000';
		commentBoxDiv.style.position='absolute'; 
		
		// set location 
		var pos = new Array();
		pos = findPos(requestingElement);
		commentBoxDiv.style.left= (pos[0]+left)+"px";
		commentBoxDiv.style.top = (pos[1]+top)+"px";
			
		// set size and attribs
		commentBoxDiv.style.pixelWidth=446;
		commentBoxDiv.style.pixelHeight=150;
		commentBoxDiv.style.border='4px double #404040';
		
		//InnerHTML
		var innerHTML 	= '<div align=center><font size="3" ><b>Enter Your Comment<b></font></div>';
		innerHTML 		+= '<TEXTAREA NAME="commentBoxText" ID="commentBoxText" COLS=53 ROWS=6></TEXTAREA>';
		innerHTML 		+= '<div align=center>';
		innerHTML 		+= 'Name: <input type=text name=commentBoxTextName id=commentBoxTextName />';
		innerHTML 		+= '<input type=button name=commentBoxSubmit id=commentBoxSubmit value="Submit" onclick="javascript:hideElement(\''+divCommentBoxID+'\');'+callBack+'(\''+callBackArg+'\')"/>';
		innerHTML 		+= '<input type=button name=commentBoxCancel id=commentBoxCancel value="Cancel" onclick="javascript:hideElement(\''+divCommentBoxID+'\')" />';
		innerHTML 		+= '</div>';
		
		commentBoxDiv.innerHTML = innerHTML;
		document.getElementById('commentBoxText').focus();
		
	} 
	
	// Finds the position of an HTML object 
	function findPos(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		return [curleft,curtop];
	}
	
	function hideElement(element) {
		var obj 	= document.getElementById(element);
		obj.style.visibility = 'hidden';	
	}