/**
 * The menu which appears to the left of the screen. It stores 
 * items that react on the speci
 * The menu which appears to the left of the screen. It stores 
 * items that react on the specified mouse events.
 */
var selection;
var DATABASE = "/C1256F0A0048C79A";
var CELL_LEFT_COLOR = "rgb(248,248,247)";
var CELL_LEFT_COLOR_SELECTED = "rgb(203, 57, 6)";
var CELL_LEFT_COLOR_MO = "rgb(165, 186, 213)";
var CELL_MIDDLE_COLOR = "rgb(248,248,247)";
var CELL_MIDDLE_COLOR_SELECTED = "rgb(203, 57, 6)";
var CELL_MIDDLE_COLOR_MO = "rgb(165, 186, 213)";
var TEXT_COLOR = "rgb(0,0,0)";
var TEXT_COLOR_SELECTED = "rgb(255,255,255)";
var CELL_RIGHT_COLOR = "rgb(248,248,247)"
var CELL_RIGHT_COLOR_SELECTED = "rgb(203, 57, 6)"
var CELL_RIGHT_COLOR_MO = "rgb(165, 186, 213)";
var LEFT_COLUMN_WIDTH = 10;
/**
 * Creates a new <code>MenuDown</code> object.
 * @param _width   the width of the menu.
 * @param _cellHeight   the height of a cell.
 */
function MenuDown2( _width, _cellHeight )
{
    this.items = 0;         // reset the number of items in the menu
    this.width = _width;
    this.cellHeight = _cellHeight;
    this.appItem = appendItem;
    this.hghltItem = highlightItem;
    this.clrItem = clearItem;
    this.choseItm = chooseItem;
    this.endM = endMenu;
    
    // create the table that represents the menu
    // table's header
    document.writeln("<TABLE width='"+this.width+
                    "' cellspacing='0' cellpadding='0'"+
                    " style=' border-left: 1px solid #FFFFFF;"+
                    " border-right: 1px solid #A3A3A6;"+
                    " border-top: 0px;"+
                    " border-bottom: 0px;'"+">");
} // MenuDown
/**
 * Appends the the given item to the menu. Append a row in the table
 * and insert an entry with the given item.
 * @param _itemName   the name of the given item.
 * @param _id   the id of the item.
 * @param _documentPath   the path of the document which the item should 
 *                        be linked to.
 */
function appendItem(_itemName,_id,_documentPath, _smid) 
{
    // insert a row
    document.writeln("<TR style='height: "+this.cellHeight+"px;'"+">");
    // insert data in the row
    document.write("<TD"+" id='"+_id+
                     "' style='border: 1px solid;" +
                     " border-top-color: #E8E8E8;"+
                     " border-left-color: #DFDFE2;"+
                     " border-right-color: #FFFFFF;"+
                     " border-bottom: 0px;"+
                     " cursor: pointer;"+
                     " white-space: nowrap;'"+
                     " onMouseOver='highlightMOItem(\""+_id+"\")'"+
	     " onClick='displayItem(\""+_itemName+"\", \""+ _id + "\", \"" + _documentPath + "\","+ _smid+");'" +
                     " onMouseOut='cclearItem(\""+_id+"\")'"+">");
    // insert a table inside a cell that divides it into the bullet, text and
    // "choice image" section
    document.write("<TABLE height='100%' width='100%' cellspacing='0'"+
                     " border='0' cellpading='0'"+
                     "'>");
    // cell that contains bullet
    document.write("<TD style='background: "+CELL_LEFT_COLOR+
                     "; width: "+LEFT_COLUMN_WIDTH+"px;' id='"+
                     _id+"_l'"+">");
    document.write("<CENTER>");
    document.write("<IMG id='"+_id+"_image_l' src='"+
                     DATABASE+"/m2_arrow_i.gif'"+
                     " style='visibility: visible;"+
                     " '"+">");
    document.write("</CENTER>");
    document.writeln("</TD>");

    // cell that contains text
    document.write("<TD style='background:"+CELL_MIDDLE_COLOR+
                     "; color: "+TEXT_COLOR+"; padding: 0 0 0 0px"+
                     "; font-family: verdana; font-size: 7.5pt;' id='"+_id+
                     "_c'"+">");
    document.write(_itemName);
    document.writeln("</TD>");

    // cell that contains "choice image"
    document.write("<TD style='background:"+CELL_RIGHT_COLOR+"; width:5%;' id='"+
                     _id+"_r'"+">");
    var arg = "<IMG id='"+_id+"_image_r' src='" + DATABASE;
    if (_smid >= 0) {
    	arg += "/down_arrow_yellow_a.gif '";
    } else {
        	arg += "/m2_arrow_yellow_a.gif '";
    } // if - else
    document.write(arg + " style='visibility: hidden; margin-right: 7px;" + " '"+">");
    document.writeln("</TD>");
    // end item
    document.write("</TR>");
    document.write("</TABLE>");
    document.write("</TD>");
    document.write("</TR>");
} // appendItem
/**
 * Highlights the given item.
 * @param _id   the id of the item.
 */
function highlightItem(_id) 
{
    // highlight the bullet
    cellLeft = document.getElementById(_id+"_l");
    if (cellLeft)
	cellLeft.style.backgroundColor = CELL_LEFT_COLOR_SELECTED;
    image = document.getElementById(_id+"_image_l");
    if (image)
	 image.style.visibility = "hidden";
    
    // highlight the text
    cellLeft = document.getElementById(_id+"_c");
    if (cellLeft){
	cellLeft.style.backgroundColor = CELL_MIDDLE_COLOR_SELECTED;
	cellLeft.style.color = TEXT_COLOR_SELECTED;
    }
//    cellLeft.style.fontWeight = "bold";
    // make the "choice image" visible
    if (cellLeft){
	cellLeft = document.getElementById(_id+"_r");
	cellLeft.style.backgroundColor = CELL_RIGHT_COLOR_SELECTED;
    }
    image = document.getElementById(_id+"_image_r");
    if (image)
	image.style.visibility = "visible";
} // highlightItem
/* highlights the item when mouse is above the item */
function highlightMOItem(_id) 
{
    // highlight the bullet
    cellLeft = document.getElementById(_id+"_l");
    if (cellLeft)
	cellLeft.style.backgroundColor = CELL_LEFT_COLOR_MO;
    image = document.getElementById(_id+"_image_l");
    if (image)
	image.style.visibility = "hidden";
    
    // highlight the text
    cellLeft = document.getElementById(_id+"_c");
    if (cellLeft){
	cellLeft.style.backgroundColor = CELL_MIDDLE_COLOR_MO;
	cellLeft.style.color = TEXT_COLOR_SELECTED;
    }
//    cellLeft.style.fontWeight = "bold";
    // make the "choice image" visible
    cellLeft = document.getElementById(_id+"_r");
    if (cellLeft)
	cellLeft.style.backgroundColor = CELL_RIGHT_COLOR_MO;
    image = document.getElementById(_id+"_image_r");
    if (image)
	image.style.visibility = "visible";
} // highlightItem
/**
 * Clears the items. Selected items must be taken 
 * into consideration as well.
 * @param _id   the id of the item.
 */
function cclearItem(_id) 
{
    //if (selection != _id) {
        clearItem(_id);
    //} // if
} // cclearItem
/**
 * Clears the selection of given item.
 * @param _id   the id of the item.
 */
function clearItem(_id) 
{
    // make the bullet visible
    cellLeft = document.getElementById(_id+"_l");
    if (cellLeft){
 	   if (selection != _id)
	    {
		cellLeft.style.backgroundColor = CELL_LEFT_COLOR;
		 image = document.getElementById(_id+"_image_l");
		 image.style.visibility = "visible";
	    }
	    else
		cellLeft.style.backgroundColor = CELL_LEFT_COLOR_SELECTED;
    
    	// clear the text
	    cellLeft = document.getElementById(_id+"_c");
	    if (selection != _id)
	    {
		cellLeft.style.backgroundColor = CELL_MIDDLE_COLOR;
		cellLeft.style.color = TEXT_COLOR;
	    }
	    else
		cellLeft.style.backgroundColor = CELL_MIDDLE_COLOR_SELECTED;
	//    cellLeft.style.fontWeight = "normal";
	    // make the "choice image" invisible
	    cellLeft = document.getElementById(_id+"_r");
	     if (selection != _id)
	    {
		cellLeft.style.backgroundColor = CELL_RIGHT_COLOR;
		image = document.getElementById(_id+"_image_r");
		image.style.visibility = "hidden";
	    }
	    else
		cellLeft.style.backgroundColor = CELL_RIGHT_COLOR_SELECTED;
    }
} // clearItem
/**
 * Selects the current item.
 * @param _id   the id of the current item.
 */
function chooseItem(_id) 
{
    // clear the selection
    if ((selection != null) && (selection != _id)) {
        clearItem(selection);
    } // if
    selection = _id;
} // chooseItem
/**
 * Chooses and display the menu item.
 * @param _itemName  the name of the menu item.
 * @param _id   the id of the current item. 
 * @param _documentPath   the path of the document.
 * @param _smid  the sequence number of the menu item.
 */
function displayItem(_itemName,_id,_documentPath, _smid) 
{
    chooseItem(_id);
    // open a link of the menu item
    if (_smid >= 0) {
        window.location = "javascript: showText (\"" +_documentPath + "\", "+_smid+");";
    } else {
        window.location = _documentPath;
    } // if - else
} // displayItem
/**
 * Appends the necessary html code for the table end.
 */
function endMenu() 
{
    document.writeln("</TABLE>");
} // endItem
/**
 * Changes the current image to the given one.
 * @param _imageID   the id of the image.
 * @param _imgSrc   the source of the image.
 */
function changeImage(_imageID,_imgSrc)
{
    document.images[_imageID].src = _imgSrc/* + '?OpenImageResource'*/;
} // changeImage