var dom=document.layers?1:document.all?2:document.getElementById?3:0;

var iSelected = -1;
var iTimeO = -1;

function bShowLayer(sLayerName,bVisibility){
	switch(dom){
	case 1:
	document.layers[sLayerName].visibility=bVisibility?"show":"hide";
	break;
	case 2:
	document.all[sLayerName].style.visibility=bVisibility?"visible":"hidden";
	break;
	case 3:
	document.getElementById(sLayerName).style.visibility=bVisibility?"visible":"hidden";
	break;
	}
}

function bShowImage(sImageName) {
	document.images[sImageName].src='graphics/header/ddbutton_over.gif';
}

function bHideImage(sImageName) {
	document.images[sImageName].src='graphics/header/ddbutton_out.gif';
}
	
function vShow( iID ) {
	if(iSelected!=-1) {
		bHideImage("ddbutton"+iSelected); // HOHO
		bShowLayer("menu"+iSelected,false);
	}
	iSelected = iID;
	bShowLayer("menu"+iID,true);
}

function vHide( ) {
	if(iSelected!=-1) {
		bShowLayer("menu"+iSelected,false);
		bHideImage("ddbutton"+iSelected);
	}
	iSelected = -1;
}

function vTryHideImage(iImageNumber) {
	if(iSelected!=iImageNumber) {
		bHideImage("ddbutton"+iImageNumber);
	}
}

function vTryhide(bOn) {
	//alert(bOn);
	if(iSelected==-1) return;
	
	if(!bOn) {
		if(iTimeO!=-1) {
			clearTimeout( iTimeO );
			window.status = "clearTimeout";
		}
	}
	else {
		iTimeO = setTimeout("vHide();",500);
		window.status = "setTimeout";
	}
}

function _out(sHtml) {
    document.write(sHtml);
}

function writeMenu(sMenuName, iId, iX, iY, saMenuItems, saMenuUrls) {

    // write open menu button
    _out("<div id=\""+sMenuName+"\""
         + " style=\"position:absolute; left:"+iX+"px; top:"+iY+"px;"
         + " width:12px; height:14px; z-index:22\">");
    _out("<a href=\"#\" onclick=\"vShow( "+iId+" ); return(false);\""
          + " onmouseover=\"vTryhide(false); bShowImage('ddbutton"+iId+"');\""
          + " onmouseout=\"vTryhide(true); vTryHideImage("+iId+");\">"
          + "<img name=\"ddbutton"+iId+"\""
              + " src=\"graphics/header/ddbutton_out.gif\""
              + " width=\"12\" height=\"14\" alt=\"\" border=\"0\">"
          + "</a></div>");

    // write menu layer
    _out("<div id=\"menu"+iId+"\" style=\"position:absolute; left:"+(iX-23)+"px; top:"+(iY+3)+"px; visibility:hidden; z-index:20;\">");
    _out("<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
    _out("<tr>");
    _out("    <td class=\"boxstroke\"><img src=\"graphics/1x1trans.gif\" width=\"1\" height=\"12\" alt=\"\" border=\"0\"></td>");
    _out("    <td background=\"graphics/header/dd_top_middle.gif\"></td>");
    _out("    <td class=\"boxstroke\"><img src=\"graphics/1x1trans.gif\" width=\"1\" height=\"12\" alt=\"\" border=\"0\"></td>");

    _out("    <td class=\"boxshadow\"><img src=\"graphics/1x1trans.gif\" width=\"1\" height=\"12\" alt=\"\" border=\"0\"></td>");
    _out("</tr>");
    _out("<tr>");
    _out("    <td class=\"boxstroke\"></td>");
    _out("    <td class=\"dropdownback\">");
    _out("        <table class=\"menuItem\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
    _out("        <tr>");
    _out("            <td width=\"145\"><img src=\"graphics/1x1blue.gif\" width=\"100%\" height=\"1\" alt=\"\" border=\"0\"></td>");
    _out("        </tr>");

    for (var index = 0; index < saMenuItems.length; index++) {
        _out("        <tr>");
        _out("            <td><a href=\""+saMenuUrls[index]+"\" onmouseover=\"vTryhide(false);\" onmouseout=\"vTryhide(true)\">&nbsp;"+saMenuItems[index]+"</a></td>");
        _out("        </tr><tr>");
        _out("             <td><img src=\"graphics/1x1blue.gif\" width=\"100%\" height=\"1\" alt=\"\" border=\"0\"></td>");
        _out("        </tr>");
    }
    _out("        </table>");
    _out("    </td>");
    _out("    <td class=\"boxstroke\"></td>");
    _out("    <td class=\"boxshadow\"></td>");
    _out("</tr>");
    _out("</table>");
	
    _out("<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
    _out("<tr>");
    _out("    <td><img src=\"graphics/header/dd_bottom_left.gif\" width=\"6\" height=\"9\" alt=\"\" border=\"0\"></td>");
    _out("    <td background=\"graphics/header/dd_bottom_middle.gif\"><img src=\"graphics/1x1trans.gif\" width=\"135\" height=\"9\" alt=\"\" border=\"0\"></td>");
    _out("    <td><img src=\"graphics/header/dd_bottom_right.gif\" width=\"7\" height=\"9\" alt=\"\" border=\"0\"></td>");
    _out("</tr>");
    _out("</table>");
    _out("</div>");
 
}