<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" i18n:domain="tinymce">
<head>
  <title i18n:translate="advanced_dlg_image_title"></title>
  <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
  <script type="text/javascript" src="../../utils/mctabs.js"></script>
  <script type="text/javascript" src="../../utils/form_utils.js"></script>
  <script type="text/javascript" src="js/image.js"></script>
  <link rel="stylesheet" type="text/css" href="css/image.css" />

</head>
<body id="image">
  <div class="dialog-wrapper" id="content">
    <form onsubmit="ImageDialog.update();return false;" action="#">
      <fieldset>
        <legend i18n:translate="advanced_dlg_image_title"></legend>
        <div class="field">
          <label for="src" i18n:translate="advanced_dlg_image_src"></label>
          <div class="widget"><input id="src" name="src" type="text" class="mceFocus" value="" onchange="ImageDialog.getImageData();" /></div>
          <div id="srcbrowsercontainer">&nbsp;</div>
        </div>
        <div class="field fieldnondisplay">
          <label for="image_list" i18n:translate="advanced_dlg_image_list"></label>
          <div class="widget"><select id="image_list" name="image_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;"></select></div>
        </div>
        <div class="field">
          <label for="alt" i18n:translate="advanced_dlg_image_alt"></label>
          <div class="widget"><input id="alt" name="alt" type="text" value="" /></div>
        </div>
        <div class="field fieldnondisplay">
          <label for="align" i18n:translate="advanced_dlg_image_align"></label>
          <div class="widget">
            <select id="align" name="align" onchange="ImageDialog.updateStyle();">
              <option value="" i18n:translate="common_not_set"></option>
              <option value="baseline" i18n:translate="advanced_dlg_image_align_baseline"></option>
              <option value="top" i18n:translate="advanced_dlg_image_align_top"></option>
              <option value="middle" i18n:translate="advanced_dlg_image_align_middle"></option>
              <option value="bottom" i18n:translate="advanced_dlg_image_align_bottom"></option>
              <option value="text-top" i18n:translate="advanced_dlg_image_align_texttop"></option>
              <option value="text-bottom" i18n:translate="advanced_dlg_image_align_textbottom"></option>
              <option value="left" i18n:translate="advanced_dlg_image_align_left"></option>
              <option value="right" i18n:translate="advanced_dlg_image_align_right"></option>
            </select>
          </div>
        </div>
        <div class="field">
          <label for="width" i18n:translate="advanced_dlg_image_dimensions"></label>
          <div class="widget">
            <input id="width" name="width" type="text" value="" size="3" maxlength="5" />
            x
            <input id="height" name="height" type="text" value="" size="3" maxlength="5" />
          </div>
        </div>
        <div class="field fieldnondisplay">
          <label for="border" i18n:translate="advanced_dlg_image_border"></label>
          <div class="widget"><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></div>
        </div>
        <div class="field fieldnondisplay">
          <label for="vspace" i18n:translate="advanced_dlg_image_vspace"></label>
          <div class="widget"><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></div>
        </div>
        <div class="field fieldnondisplay">
          <label for="hspace" i18n:translate="advanced_dlg_image_hspace"></label>
          <div class="field"><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></div>
        </div>
      </fieldset>

      <div class="visualClear"><!-- --></div>

      <div class="mceActionPanel formControls">
        <span class="actionButtons">
          <input type="submit" id="insert" class="context" name="insert" i18n:attributes="value common_update" />
          <input type="button" id="cancel" class="context" name="cancel" i18n:attributes="value common_cancel" onclick="tinyMCEPopup.close();" />
        </span>
      </div>
    </form>
  </div>
</body>
</html>
