<head>
<title>{#tagwrap_dlg.titleImg}</title>
<script type="text/javascript" src="../../tinymce/tiny_mce_popup.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<link rel="stylesheet" type="text/css" href="css/tagwrap.css" />
</head>

<body>

<div class="y_logo_contener">
	<img src="img/html5.png" alt="HTML5" />
</div>
<div class="yinstr">
    <p>{#tagwrap_dlg.noteImg}</p>
    <p>{#tagwrap_dlg.noteImg9}</p>
</div>
<form onSubmit="TagwrapDialog.insert();return false;" action="#" method="post" name="Img_tag">
<div class="mceActionPanel">
<script type="text/javascript" language="javascript">
var jwl_sel_content4 = tinyMCE.activeEditor.selection.getContent();
</script>

<table cellspacing="20px"><tbody><tr><td>
{#tagwrap_dlg.noteImg1}<br /><input id="title_value" type="text" name="title" width="200px" value="" />
</td><td>
{#tagwrap_dlg.noteImg2}<br /><input id="title_value2" type="text" name="title2" width="200px" value="" />
</td><td>
{#tagwrap_dlg.noteImg3}<br /><input id="title_value3" type="text" name="title3" width="200px" value="" />
</td></tr><tr><td>
{#tagwrap_dlg.noteImg4}<br /><input id="title_value4" type="text" name="title4" width="200px" value="" />
</td><td>
{#tagwrap_dlg.noteImg5}<br /><input id="title_value5" type="text" name="title5" width="200px" value="" />
</td><td>
{#tagwrap_dlg.noteImg6}<br /><input id="title_value7" type="text" name="title7" width="200px" value="" />
</td></tr><tr><td>
{#tagwrap_dlg.noteImg7}<br /><input id="title_value8" type="text" name="title8" width="200px" value="" /> <em> {#tagwrap_dlg.noteImg8}</em>
</td></tr></tbody></table>
</div>
<div style="margin-top:80px;"</div>
<div class="bottom">
    <p><!--{#tagwrap_dlg.bottomnote}--></p>
    <p class="pagelink_hover"><!--{#tagwrap_dlg.bottomnote2}--></p>
</div>
<script type="text/javascript" language="javascript">
function jwl_pass_form_data () {
  var name = jwl_title = document.getElementsByName("title")[0].value;
  var name = jwl_title2 = document.getElementsByName("title2")[0].value;
  var name = jwl_title3 = document.getElementsByName("title3")[0].value;
  var name = jwl_title4 = document.getElementsByName("title4")[0].value;
  var name = jwl_title5 = document.getElementsByName("title5")[0].value;
  var name = jwl_title7 = document.getElementsByName("title7")[0].value;
  var name = jwl_title8 = document.getElementsByName("title8")[0].value;
}

</script>
<div class="mceActionPanel">
  <div style="float:left;padding-top:5px">
  <input type="button" id="insert" name="insert" value="{#insert}" onClick="jwl_pass_form_data();tinyMCE.execCommand('mceInsertContent',false,'<img src=\'' + jwl_title + '\' title=\'' + jwl_title2 + '\' alt=\'' + jwl_title3 + '\' width=\'' + jwl_title4 + '\' height=\'' + jwl_title5 + '\' usemap=\'' + jwl_title7 + '\' style=\'' + jwl_title8 + '\' />');tinyMCEPopup.close();" />&nbsp;<input type="button" id="cancel" name="cancel" value="{#cancel}" onClick="tinyMCEPopup.close();" />
  </div>
</div>
</form>
<span style="float:right;"><a target="_blank" href="http://www.joshlobe.com/2012/07/ultimate-tinymce-advanced-html-tags/"><img src="img/tinymce_help.png" /></a></span>
</body>