<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">
<html>
<head>
<script language="JavaScript" src="Show Pop-up Menu.js"></script>
<script language="JavaScript" src="parse_popup.js"></script>
<script src="../../Shared/MM/Scripts/CMN/docInfo.js"></script>
<script src="../../Shared/MM/Scripts/CMN/handler.js"></script>
<script src="../../Shared/MM/Scripts/CMN/file.js"></script>
<script src="../../Shared/MM/Scripts/CMN/DOM.js"></script>
<script src="../../Shared/MM/Scripts/CMN/UI.js"></script>
<!--
<script src="../../Shared/MM/Scripts/CMN/niceName.js"></script>
-->
<script src="../../Shared/Common/Scripts/dwscripts.js"></script>
<script src="../../Shared/MM/Scripts/CMN/string.js"></script>
<script src="../../Shared/Common/Scripts/ListControlClass.js"></script>
<script src="../../Shared/MM/Scripts/Class/TabControlClass.js"></script>
<script src="../../Shared/Common/Scripts/ImageButtonClass.js"></script>
<!-- Remove the following SCRIPT tag if you are modifying this file for your own use. -->
<script src="../../Shared/MM/Scripts/CMN/displayHelp.js"></script>
<!-- End removal area. -->
<script language="javascript">
// Copyright 2001, 2002, 2003 Macromedia, Inc. All rights reserved.

//--------------- LOCALIZEABLE GLOBALS---------------

var LABEL_Items = "Contents";
var LABEL_Format = "Appearance";
var LABEL_Advanced = "Advanced";
var LABEL_Position = "Position";

var LABEL_Vertical = "Vertical menu";
var LABEL_Horizontal = "Horizontal menu";
var LABEL_Cells = "Cells";
var LABEL_UseImages = "Image";
var LABEL_UseHTML = "HTML";
var LABEL_UpState = "Up state";
var LABEL_OverState = "Over state";
var LABEL_Text = "Text";
var LABEL_Cell = "Cell";
var LABEL_Link = "Link";
var LABEL_Target = "Target";

var LABEL_NewItem = "New item";

var DEFAULT_FONT = "Default font";
var EDIT_FONT_LIST = "Edit Font List...";


var SAVE_FIRST = "Click Cancel to exit the dialog box.";
var OK_TO_SPRY_MSG = "Click Continue to create pop-up menus in Dreamweaver, or Cancel to exit the dialog box.";
var DELETE_KIDS = "If you delete this item, its subitems will also be deleted. If you don't want to do this, click Cancel and outdent the subitems first.\n\nAre you sure you want to delete this item and its subitems?";
var MSG_IRREVOCABLE = "If you opt to use only HTML for this menu, references to the image files will be removed, and you will not be able to retrieve them.\n\nRemove image backgrounds and use only text?";
var MSG_INVALIDFONTSIZE = "Size should be a positive numeric value without units, such as 10 or 12.";
var MSG_NEEDINTEGER = "This field requires an integer, such as 0, 300, or -50.";
var MSG_NEEDPOSNUMBER = "This field requires a whole number greater than or equal to zero.";
var MSG_NOPIPES = "The pipe character (|) is not allowed in the Text and Link fields.";
var MSG_PIPE_IN_FRAME_NAME = "This frame has a pipe (|) in its name. To target this frame, you must first remove the pipe from the frame name. You can then re-edit this behavior to target the new frame name.";
var MSG_UNSAVED = "You are attempting to edit a pop-up menu in an unsaved document.\nThis could cause your menus to appear incorrectly (or not at all)\nwhen the document is previewed in a browser.\n\nWe strongly recommend that you save your document before proceeding.";
var MISSING_MENU_FILE = "The mm_menu.js file is missing from the Configuration folder, so it cannot be copied to the current folder. The behavior therefore will not function properly in a browser.";

//--------------- END LOCALIZEABLE   ---------------
//---------------    END JAVASCRIPT    ---------------
</script>
<style type="text/css">
<!--
.pageBg{ position:absolute; left:6px; top:31px; width:10px; height:10px; z-index:1; visibility:hidden; }
.tabLayer      { position:absolute; top:10px; width:70px; height:20px; z-index:8; visibility:hidden ;}
.tabInnerLayer { position:absolute; width:75px; height:23px; z-index:8; left: 0px; top: 0px; visibility:inherit ;}
.tabLabelLayer { position:absolute; width:69px; height:1px; z-index:8; left: 0px; top: 5px; visibility:inherit; text-align:center }
-->
</style>
<title>Show Pop-Up Menu</title>
<meta http-equiv="Content-Type" content="text/html">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
<link href="../../fields.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="initUI()">

<!-- TAB DIVS -->

<div class="pageBg" style="visibility:visible; left:4px; ">
  <img name="tabBgWin" width="430" height="380" src="../../Shared/MM/Images/transparent.gif"></div>

<div class="pageBg" id="loading" style="visibility:visible; left:4px; ">
  <table width="430" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td height="380" align="center"><p>
  Loading...
  </p>
  </td>
  </tr>
  </table>
</div>

<div class="pageBg" id="readingMenus" style="visibility:hidden; left:4px; ">
  <table width="430" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td height="380" align="center"><p>
  Reading document and building menus...
  </p>
  </td>
  </tr>
  </table>
</div>

<div class="pageBg" id="saveDoc" style="visibility:hidden; left:4px; ">
  <table width="430" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td height="380" align="center"><p>
  You must save your document before applying the Show Pop-Up Menu behavior.
  </p>
  <p>
Click Cancel to exit this dialog box and return to your document.
</p></td>
  </tr>
  </table>
</div>

<div class="pageBg" id="useSpryInstead" style="visibility:hidden; left:4px; ">
  <table width="430" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td height="380" align="center" valign="top">
<form id="useSpryForm">
<table width="100%">
<tr valign="baseline">
  <td align="center"><img src="../../Shared/MM/Images/transparent.gif" width="20" height="10"></td>
  <td align="left"><div id="infoIcon"><img src="../../Shared/MM/Images/P_InfoPC_Lg_N.png"></div> 
  <div class="floatl">Dreamweaver provides this feature as a convenience for those who used it in Dreamweaver 8 or earlier. To create and edit new pop-up menus, use the Spry menu bar widget on the Insert bar. The widget's code is easier to customize and maintain.<br>
      <br><input type="checkbox" name="dontShowAgain" value="dontShowAgain" onClick="dontShowAgain(this.checked)">
    Don't show me this message again </div></td>
  <td align="center">&nbsp;</td>
</tr>

<div id="Tab0" class="tabLayer" style="left: 8px; ">
  <div class="tabInnerLayer"> <img src="../../Shared/MM/Images/tabBg.gif"> </div>
  <div id="Tab0Sel" class="tabInnerLayer" style="visibility:hidden">
    <img src="../../Shared/MM/Images/tabBgSel.gif"> </div>
  <div name="Tab0Label" class="tabLabelLayer"></div>
  <div class="tabInnerLayer">
    <input type="image" alt="Contents" src="../../Shared/MM/Images/transparent.gif" width="69" height="21" onClick="T.showPageNum(0)"> </div>
</div>
<div id="Tab1" class="tabLayer" style="left: 78px; ">
  <div class="tabInnerLayer"> <img src="../../Shared/MM/Images/tabBg.gif"> </div>
  <div id="Tab1Sel" class="tabInnerLayer" style="visibility:hidden">
    <img src="../../Shared/MM/Images/tabBgSel.gif"> </div>
  <div name="Tab1Label" class="tabLabelLayer"></div>
  <div class="tabInnerLayer">
    <input type="image" alt="Appearance" src="../../Shared/MM/Images/transparent.gif" width="69" height="21" onClick="T.showPageNum(1)"> </div>
</div>
<div id="Tab2" class="tabLayer" style="left: 148px; ">
  <div class="tabInnerLayer"> <img src="../../Shared/MM/Images/tabBg.gif"> </div>
  <div id="Tab2Sel" class="tabInnerLayer" style="visibility:hidden">
    <img src="../../Shared/MM/Images/tabBgSel.gif"> </div>
  <div name="Tab2Label" class="tabLabelLayer"></div>
  <div class="tabInnerLayer">
    <input type="image" alt="Advanced" src="../../Shared/MM/Images/transparent.gif" width="69" height="21" onClick="T.showPageNum(2)"> </div>
</div>
<div id="Tab3" class="tabLayer" style="left: 218px; ">
  <div class="tabInnerLayer"> <img src="../../Shared/MM/Images/tabBg.gif"> </div>
  <div id="Tab3Sel" class="tabInnerLayer" style="visibility:hidden">
    <img src="../../Shared/MM/Images/tabBgSel.gif"> </div>
  <div name="Tab3Label" class="tabLabelLayer"></div>
  <div class="tabInnerLayer">
    <input type="image" alt="Position" src="../../Shared/MM/Images/transparent.gif" width="69" height="21" onClick="T.showPageNum(3)"> </div>
</div>

<!-- Content layers ---->
<div id="Layer1" class="pageBg">
<form>
    <table border="0" cellspacing="3">
      <tr>
        <td valign="middle" align="right">&nbsp;</td>
        <td valign="middle" align="right" nowrap>&nbsp;</td>
        <td valign="middle">&nbsp;</td>
        <td valign="baseline">&nbsp;</td>
        <td valign="baseline">&nbsp;</td>
        <td valign="baseline">&nbsp;</td>
      </tr>
      <tr> 
        <td valign="middle" align="right">&nbsp;</td>
        <td valign="middle" align="right" nowrap>Menu:</td>
        <td valign="middle"> <table border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td> <input type="image" src="../../Shared/MM/Images/btnAdd.gif" alt="Add item" name="addItem" width="20" height="18" onClick="T.update('addItem');this.focus()"></td>
              <td><input type="image" src="../../Shared/MM/Images/btnDel_dis.gif" alt="Remove item" name="removeItem" width="20" height="18" onClick="T.update('removeItem');this.focus()"></td>
              <td><img src="../../Shared/MM/Images/transparent.gif" width="13" height="1"></td>
              <td><input type="image" src="../../Shared/MM/Images/outdent_dis.gif" alt="Outdent item" name="outBtn" width="19" height="19" onClick="T.update('outdent');this.focus()"></td>
              <td><input type="image" src="../../Shared/MM/Images/indent_dis.gif" alt="Indent item" name="inBtn" width="19" height="19" onClick="T.update('indent');this.focus()"></td>
              <td><img src="../../Shared/MM/Images/transparent.gif" width="13" height="1"></td>
              <td><input type="image" src="../../Shared/MM/Images/btnUp_dis.gif" alt="Move item up" name="upBtn" width="20" height="18" onClick="T.update('moveUp');this.focus()"></td>
              <td><input type="image" src="../../Shared/MM/Images/btnDown_dis.gif" alt="Move item down" name="downBtn" width="20" height="18" onClick="T.update('moveDown');this.focus()"></td>
            </tr>
          </table></td>
        <td valign="baseline">&nbsp;</td>
        <td valign="baseline">&nbsp;</td>
        <td valign="baseline">&nbsp;&nbsp;&nbsp;&nbsp;</td>
      </tr>
      <tr> 
        <td align="right" valign="baseline">&nbsp;</td>
        <td align="right" valign="baseline" nowrap>Text: </td>
        <td valign="baseline"> <input name="itemText" type="text" class="basicTextField" tabindex="1" onBlur="T.update('itemText')"> 
        </td>
        <td align="right" nowrap valign="baseline">Target:</td>
        <td align="right" nowrap valign="baseline"> <select name="targetList" class="targetList" style="width:75px" tabindex="3" onChange="T.update('targetList')">
            <option value=" "></option>
            <option value="_blank">_blank</option>
            <option value="_parent">_parent</option>
            <option value="_self">_self</option>
            <option value="_top">_top</option>
          </select> </td>
        <td align="right" nowrap valign="baseline">&nbsp;</td>
      </tr>
      <tr> 
        <td align="right">&nbsp;</td>
        <td align="right" nowrap>Link:</td>
        <td colspan="2"> <input name="itemURL" type="text" class="largeTField" style="width:260px" tabindex="2" onFocus="if(this.value==' ')this.value=''"  onBlur="T.update('itemURL')"> 
        </td>
        <td> <input type="image" name="browseBtn" alt="Browse for folder" src="../../Shared/MM/Images/folder.gif" width="15" height="13" onClick="browseForURL();this.focus()"> 
        </td>
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td>&nbsp;</td>
        <td> <br> <br> </td>
        <td colspan="3"> <mm:treecontrol name="menuItems" style="width:350px" size="12" onChange="T.update('menuItems');this.focus()"> 
          <mm:treecolumn name="label" value="Text" width="100"> <mm:treecolumn name="url" value="Link" width="150"> 
          <mm:treecolumn name="target" value="Target" width="100"> </mm:treecontrol> 
        </td>
        <td>&nbsp;</td>
      </tr>
    </table>
</form>
</div>
<div id="Layer2" class="pageBg" style="left: 11px; top: 31px; visibility: hidden; ">
<form>
  
    
<table width="410" border="0">



<tr>
<td align="center">
<table border="0" cellspacing="3">
            <div id="cellsRow"> 
              <tr>
                <td align="right" valign="baseline">&nbsp;</td>
                <td colspan="3" valign="baseline">&nbsp;</td>
                <td valign="baseline">&nbsp;</td>
                <td valign="baseline">&nbsp;</td>
              </tr>
              <tr> 
                <td align="right" valign="baseline">&nbsp;</td>
                <td colspan="3" valign="baseline"><select name="orientation" class="oneWordOptionList" onChange="T.update('orientation')">
                    <option value="vert" selected>Vertical menu</option>
                    <option value="horz">Horizontal menu</option>
                  </select></td>
                <td valign="baseline">&nbsp;</td>
                <td valign="baseline">&nbsp;</td>
              </tr>
            </div>
            <tr> 
              <td colspan="6"><img src="../../Shared/MM/Images/greywhite2x2.gif" width="100%" height="2"></td>
            </tr>
            <tr> 
              <td align="right" valign="baseline">Font: </td>
              <td colspan="3" valign="baseline"> <select name="fontList" class="fontGroupList" onChange="T.update('fontList')">
                  <option value="Verdana" selected>Verdana, Arial, Helvetica, 
                  sans-serif</option>
                </select> </td>
              <td valign="baseline">&nbsp;</td>
              <td valign="baseline">&nbsp;</td>
            </tr>
            <tr> 
              <td valign="baseline" align="right">*Size: </td>
              <td valign="baseline"> <input name="fontSize" type="text" class="smallNumOrChar" onBlur="T.update('fontSize')" value="12"> 
              </td>
              <td align="right" valign="baseline"> <input type="image" src="../../Shared/MM/Images/bold.gif" alt="Bold" width="18" height="17" name="makeBold" onClick="T.update('makeBold')"> 
                <input type="image" src="../../Shared/MM/Images/italic.gif" alt="Italic" width="18" height="17" name="makeItalic" onClick="T.update('makeItalic')"> 
              </td>
              <td align="right" valign="baseline" nowrap> <input type="image" src="../../Shared/MM/Images/leftAlign.gif" alt="Align left" width="18" height="17" name="left" onClick="T.update('alignLeft')"> 
                <input type="image" src="../../Shared/MM/Images/centerAlign.gif" alt="Align center" width="18" height="17" name="center" onClick="T.update('alignCenter')"> 
                <input type="image" src="../../Shared/MM/Images/rightAlign.gif" alt="Align right" width="18" height="17" name="right" onClick="T.update('alignRight')"> 
              </td>
              <td align="right" valign="baseline" nowrap>&nbsp;</td>
              <td align="right" valign="baseline" nowrap>&nbsp;</td>
            </tr>
            <tr> 
              <td height="2" align="center">&nbsp;</td>
              <td height="2" align="center">&nbsp;</td>
              <td height="2" align="center">&nbsp;</td>
              <td height="2" align="center">&nbsp;</td>
              <td height="2" align="center">&nbsp;</td>
              <td height="2" align="center">&nbsp;</td>
            </tr>
            <div id="colorSwatches"> 
              <tr> 
                <td nowrap align="right">Up state:</td>
                <td align="left">&nbsp; </td>
                <td align="right" nowrap>Over state:</td>
                <td align="left">&nbsp;</td>
                <td align="left">&nbsp;</td>
                <td align="left">&nbsp;</td>
              </tr>
              <tr> 
                <td height="17" align="right" nowrap>Text:</td>
                <td height="17" align="left"> <input type="mmcolorbutton" name="upText" value="#000000" onChange="T.update('upText')"> 
                </td>
                <td height="17" align="right">Text:</td>
                <td height="17" align="left"> <input type="mmcolorbutton" name="overText" value="#FFFFFF" onChange="T.update('overText')"> 
                </td>
                <td height="17" align="left">&nbsp;</td>
                <td height="17" align="left">&nbsp;</td>
              </tr>
              <tr> 
                <td nowrap align="right">Cell:</td>
                <td align="left"> <input type="mmcolorbutton" name="upCell" value="#CCCCCC" onChange="T.update('upCell')"> 
                </td>
                <td align="right">Cell:</td>
                <td align="left"> <input type="mmcolorbutton" name="overCell" value="#000084" onChange="T.update('overCell')"> 
                </td>
                <td align="left">&nbsp;</td>
                <td align="left">&nbsp;</td>
              </tr>
            </div>
          </table></td>
</tr>
<tr>
<td height="2"><img src="../../Shared/MM/Images/transparent.gif" width="400" height="1"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="15">
    
<tr> 
      
<td height="100" align="center" bgcolor="#FFFFFF">  

<div id="previewTable">
<table border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">boats</font></td>
</tr>
<tr>
<td bgcolor="#000084"><font style="color:white;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">trains</font></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">planes</font></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">cars</font></td>
</tr>
</table>
</div></td>
</tr>
  </table></td>
</tr>
<tr>
<td height="2"><img src="../../Shared/MM/Images/transparent.gif" width="400" height="1"></td>
</tr>

<tr>
<td>*Preview is approximate.</td>
</tr>
</table>
</form>
</div>
<div id="Layer3" class="pageBg" style="left: 11px; top: 31px; visibility: hidden; "> 
  
<form>
    
<table width="410" border="0">

<tr>
<td align="center">
<table border="0" cellspacing="3">
            <tr valign="baseline">
              <td align="right">&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right">Cell width:</td>
              <td> <input type="text" name="cellWidth" class="smallNumOrChar" onBlur="T.update('cellWidth')" disabled="true"> 
              </td>
              <td> <select name="cellWidthSel" class="oneWordOptionList"  onChange="T.update('cellWidthSel')">
                  <option value="auto" selected>Automatic</option>
                  <option value="px">Pixels</option>
                </select></td>
              <td>&nbsp;</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right">Cell height:</td>
              <td> <input type="text" name="cellHeight" class="smallNumOrChar" onBlur="T.update('cellHeight')" disabled="true"> 
              </td>
              <td> <select name="cellHeightSel" class="oneWordOptionList"  onChange="T.update('cellHeightSel')">
                  <option value="auto" selected>Automatic</option>
                  <option value="px">Pixels</option>
                </select> </td>
              <td>&nbsp;</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right" nowrap>Cell padding:</td>
              <td align="left"> <input name="cellPad" type="text" class="smallNumOrChar" onBlur="T.update('cellPad')" value="3"> 
              </td>
              <td align="right" nowrap>Text indent: 
                <input name="textIndent" type="text" style="width:45px" onBlur="T.update('textIndent')"> 
              </td>
              <td align="right" nowrap>&nbsp;</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right" nowrap>Cell spacing:</td>
              <td align="left"> <input name="cellSpace" type="text" class="smallNumOrChar" onBlur="T.update('cellSpace')" value="0"> 
              </td>
              <td align="right" nowrap> Menu delay: 
                <input name="menuDelay" type="text" style="width:45px" onBlur="T.update('menuDelay')" value="1000"> 
              </td>
              <td align="right" nowrap>ms</td>
            </tr>
            <tr valign="baseline"> 
              <td height="3" colspan="4" align="center" nowrap><img src="../../Shared/MM/Images/transparent.gif" width="10" height="3"></td>
            </tr>
            <tr valign="baseline"> 
              <td align="right" nowrap>Pop-Up borders:</td>
              <td colspan="3" align="left"> <input name="showBorders" type="checkbox" value="checkbox" checked onClick="T.update('showBorders')">
                Show borders</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right" nowrap>Border width:</td>
              <td align="left"> <input name="borderWidth" type="text" class="smallNumOrChar" onBlur="T.update('borderWidth')" value="1"> 
              </td>
              <td align="right">Shadow: 
                <input type="mmcolorbutton" name="cellShadow" value="#555555" onChange="T.update('cellShadow')"></td>
              <td align="right">&nbsp;</td>
            </tr>
            <tr valign="baseline"> 
              <td align="right" nowrap>Border color:</td>
              <td align="left"><input type="mmcolorbutton" name="borderColor" value="#555555" onChange="T.update('borderColor')"></td>
              <td align="right">Highlight: 
                <input type="mmcolorbutton" name="cellHighlight" value="#FFFFFF" onChange="T.update('cellHighlight')"></td>
              <td align="right">&nbsp;</td>
            </tr>
          </table></td>
</tr>
<tr>
<td height="2"><img src="../../Shared/MM/Images/transparent.gif" width="400" height="1"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="15">
    
<tr> 
      
<td height="100" align="center" bgcolor="#FFFFFF"> 
<div id="previewTable2">
<table border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">boats</font></td>
</tr>
<tr>
<td bgcolor="#000084"><font style="color:white;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">trains</font></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">planes</font></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><font style="color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px">cars</font></td>
</tr>
</table>
</div></td>
</tr>
  </table></td>
</tr>
</table>
</form>
</div>
<div id="Layer4" class="pageBg">
  <form>
  
    
<table width="360" border="0" cellspacing="3">
<tr>      
<td align="center" valign="top">
<table border="0" cellspacing="3">
            <tr>
              <td valign="top" align="right" nowrap>&nbsp;</td>
              <td valign="baseline" nowrap>&nbsp;</td>
              <td valign="baseline" nowrap>&nbsp;</td>
              <td valign="baseline" nowrap>&nbsp;</td>
            </tr>
            <tr> 
              <td valign="top" align="right" nowrap>Menu position:</td>
              <td valign="baseline" nowrap>&nbsp;</td>
              <td valign="baseline" nowrap> <input type="image" src="../../Shared/MM/Images/bottomRight.gif" alt="Bottom right corner of trigger" name="default" width="30" height="30" onClick="T.update('default')"> 
                <input type="image" src="../../Shared/MM/Images/bottom.gif" alt="Below and at left edge of trigger" name="below" width="30" height="30" onClick="T.update('below')"> 
                <input type="image" src="../../Shared/MM/Images/top.gif" alt="Above and at left edge or trigger" name="above" width="30" height="30" onClick="T.update('above')"> 
                <input type="image" src="../../Shared/MM/Images/topRight.gif" alt="Top right edge of trigger" name="topRight" width="30" height="30" onClick="T.update('topRight')"></td>
              <td valign="baseline" nowrap>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr> 
              <td>&nbsp;</td>
              <td align="right">X:</td>
              <td><input name="leftPos" type="text" class="smallNumOrChar" value="0" onBlur="T.update('leftPos')"> 
                &nbsp;&nbsp;&nbsp;Y: 
                <input name="topPos" type="text" class="smallNumOrChar" value="0" onBlur="T.update('topPos')"></td>
              <td>&nbsp;</td>
            </tr>
            <tr> 
              <td>&nbsp;</td>
              <td nowrap>&nbsp;</td>
              <td nowrap>&nbsp;</td>
              <td nowrap>&nbsp;</td>
            </tr>
            <tr> 
              <td>&nbsp;</td>
              <td nowrap>&nbsp;</td>
              <td nowrap> <input type="checkbox" name="hideMenu" value="true" onClick="T.update('hideMenu')">
                Hide menu on onMouseOut event</td>
              <td nowrap>&nbsp;</td>
            </tr>
          </table></td>
</tr>
</table>
  </form>
</div>

</body>
</html>
