rails_tinymce 0.0.1

data/assets/public/javascripts/tiny_mce/plugins/contextmenu/css/contextmenu.css

@@ -0,0 +1,74 @@
+.contextMenuIEPopup {
+	padding: 0;
+	margin: 0;
+	border: 0;
+	overflow: hidden;
+}
+
+.contextMenu {
+	position: absolute;
+	cursor: default;
+	z-index: 1000;
+	border: 1px solid #D4D0C8;
+	background-color: #FFFFFF;
+}
+
+.contextMenuItem, .contextMenuItemOver {
+}
+
+.contextMenuSeparator {
+	width: 100%;
+	background-color: #D4D0C8;
+	border: 0;
+}
+
+.contextMenuImage, .contextMenuItemDisabled {
+	border: 0;
+}
+
+.contextMenuIcon {
+	background-color: #F0F0EE;
+}
+
+.contextMenuItemOver .contextMenuIcon {
+	background-color: #B6BDD2;
+}
+
+.contextMenuIcon {
+	background-color: #F0F0EE;
+}
+
+.contextMenuItemDisabled img {
+	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
+	-moz-opacity:0.3;
+	opacity: 0.3;
+}
+
+.contextMenuText {
+	font-family: Tahoma, Verdana, Arial, Helvetica;
+	font-size: 11px;
+	line-height: 20px;
+}
+
+.contextMenuItemDisabled {
+	color: #AAAAAA;
+}
+
+.contextMenuText a {
+	display: block;
+	line-height: 20px;
+	width: 100%;
+	text-decoration: none;
+	color: black;
+	font-weight: normal;
+	margin: 0;
+	padding: 0;
+}
+
+.contextMenuText a:hover {
+	background-color: #B6BDD2;
+	text-decoration: none !important;
+	font-weight: normal;
+	margin: 0;
+	padding: 0;
+}

data/assets/public/javascripts/tiny_mce/plugins/contextmenu/editor_plugin.js

@@ -0,0 +1 @@
+(function(){var Event=tinymce.dom.Event,each=tinymce.each,DOM=tinymce.DOM;tinymce.create('tinymce.plugins.ContextMenu',{init:function(ed){var t=this;t.editor=ed;t.onContextMenu=new tinymce.util.Dispatcher(this);ed.onContextMenu.add(function(ed,e){t._getMenu(ed).showMenu(e.clientX,e.clientY);Event.cancel(e);});function hide(){if(t._menu){t._menu.removeAll();t._menu.destroy();}};ed.onMouseDown.add(hide);ed.onKeyDown.add(hide);Event.add(document,'click',hide);},_getMenu:function(ed){var t=this,m=t._menu,se=ed.selection,col=se.isCollapsed(),el=se.getNode()||ed.getBody(),am,p1,p2;if(m){m.removeAll();m.destroy();}p1=DOM.getPos(ed.getContentAreaContainer());p2=DOM.getPos(ed.getContainer());m=ed.controlManager.createDropMenu('contextmenu',{offset_x:p1.x,offset_y:p1.y,constrain:1});t._menu=m;m.add({title:'advanced.cut_desc',icon:'cut',cmd:'Cut'}).setDisabled(col);m.add({title:'advanced.copy_desc',icon:'copy',cmd:'Copy'}).setDisabled(col);m.add({title:'advanced.paste_desc',icon:'paste',cmd:'Paste'});if((el.nodeName=='A'&&!ed.dom.getAttrib(el,'name'))||!col){m.addSeparator();m.add({title:'advanced.link_desc',icon:'link',cmd:ed.plugins.advlink?'mceAdvLink':'mceLink',ui:true});m.add({title:'advanced.unlink_desc',icon:'unlink',cmd:'UnLink'});}m.addSeparator();m.add({title:'advanced.image_desc',icon:'image',cmd:ed.plugins.advimage?'mceAdvImage':'mceImage',ui:true});m.addSeparator();am=m.addMenu({title:'contextmenu.align'});am.add({title:'contextmenu.left',icon:'justifyleft',cmd:'JustifyLeft'});am.add({title:'contextmenu.center',icon:'justifycenter',cmd:'JustifyCenter'});am.add({title:'contextmenu.right',icon:'justifyright',cmd:'JustifyRight'});am.add({title:'contextmenu.full',icon:'justifyfull',cmd:'JustifyFull'});t.onContextMenu.dispatch(t,m,el,col);return m;}});tinymce.PluginManager.add('contextmenu',tinymce.plugins.ContextMenu);})();

data/assets/public/javascripts/tiny_mce/plugins/contextmenu/editor_plugin_src.js

@@ -0,0 +1,84 @@
+/**
+ * $Id: editor_plugin_src.js 618 2008-02-21 13:13:32Z spocke $
+ *
+ * @author Moxiecode
+ * @copyright Copyright � 2004-2008, Moxiecode Systems AB, All rights reserved.
+ */
+
+(function() {
+	var Event = tinymce.dom.Event, each = tinymce.each, DOM = tinymce.DOM;
+
+	tinymce.create('tinymce.plugins.ContextMenu', {
+		init : function(ed) {
+			var t = this;
+
+			t.editor = ed;
+			t.onContextMenu = new tinymce.util.Dispatcher(this);
+
+			ed.onContextMenu.add(function(ed, e) {
+				t._getMenu(ed).showMenu(e.clientX, e.clientY);
+				Event.cancel(e);
+			});
+
+			function hide() {
+				if (t._menu) {
+					t._menu.removeAll();
+					t._menu.destroy();
+				}
+			};
+
+			ed.onMouseDown.add(hide);
+			ed.onKeyDown.add(hide);
+			Event.add(document, 'click', hide);
+		},
+
+		_getMenu : function(ed) {
+			var t = this, m = t._menu, se = ed.selection, col = se.isCollapsed(), el = se.getNode() || ed.getBody(), am, p1, p2;
+
+			if (m) {
+				m.removeAll();
+				m.destroy();
+			}
+
+			p1 = DOM.getPos(ed.getContentAreaContainer());
+			p2 = DOM.getPos(ed.getContainer());
+
+			m = ed.controlManager.createDropMenu('contextmenu', {
+				offset_x : p1.x,
+				offset_y : p1.y,
+/*				vp_offset_x : p2.x,
+				vp_offset_y : p2.y,*/
+				constrain : 1
+			});
+
+			t._menu = m;
+
+			m.add({title : 'advanced.cut_desc', icon : 'cut', cmd : 'Cut'}).setDisabled(col);
+			m.add({title : 'advanced.copy_desc', icon : 'copy', cmd : 'Copy'}).setDisabled(col);
+			m.add({title : 'advanced.paste_desc', icon : 'paste', cmd : 'Paste'});
+
+			if ((el.nodeName == 'A' && !ed.dom.getAttrib(el, 'name')) || !col) {
+				m.addSeparator();
+				m.add({title : 'advanced.link_desc', icon : 'link', cmd : ed.plugins.advlink ? 'mceAdvLink' : 'mceLink', ui : true});
+				m.add({title : 'advanced.unlink_desc', icon : 'unlink', cmd : 'UnLink'});
+			}
+
+			m.addSeparator();
+			m.add({title : 'advanced.image_desc', icon : 'image', cmd : ed.plugins.advimage ? 'mceAdvImage' : 'mceImage', ui : true});
+
+			m.addSeparator();
+			am = m.addMenu({title : 'contextmenu.align'});
+			am.add({title : 'contextmenu.left', icon : 'justifyleft', cmd : 'JustifyLeft'});
+			am.add({title : 'contextmenu.center', icon : 'justifycenter', cmd : 'JustifyCenter'});
+			am.add({title : 'contextmenu.right', icon : 'justifyright', cmd : 'JustifyRight'});
+			am.add({title : 'contextmenu.full', icon : 'justifyfull', cmd : 'JustifyFull'});
+
+			t.onContextMenu.dispatch(t, m, el, col);
+
+			return m;
+		}
+	});
+
+	// Register plugin
+	tinymce.PluginManager.add('contextmenu', tinymce.plugins.ContextMenu);
+})();

data/assets/public/javascripts/tiny_mce/plugins/contextmenu/readme.txt

@@ -0,0 +1 @@
+Check the TinyMCE documentation for details on this plugin.

data/assets/public/javascripts/tiny_mce/plugins/curblyadvimage/css/advimage.css

@@ -0,0 +1,84 @@
+#src_list, #over_list, #out_list {width:280px;}
+.mceActionPanel {margin-top:7px;}
+.alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;}
+.checkbox {border:0;}
+.panel_wrapper div.current {height:245px;}
+#prev {margin:0; border:1px solid #000; width:95%; height:120px; overflow:auto;}
+#align, #classlist {width:150px;}
+#width, #height {vertical-align:middle; width:50px; text-align:center;}
+#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
+#class_list {width:180px;}
+input {width: 280px;}
+input.submit {
+	width: auto;
+	margin: 0;
+	}
+#constrain, #onmousemovecheck {width:auto;}
+#id, #dir, #lang, #usemap, #longdesc {width:200px;}
+
+ul.attachment_list {
+	list-style: none;
+	margin:0;
+	padding:0;
+	}
+	ul.attachment_list li {
+		display:block;
+		width: 50px;
+		float: left;
+		margin-right: 8px;
+		margin-bottom:5px;
+		}
+		ul.attachment_list li img {
+			width: 50px;
+			}
+		ul.attachment_list li a {		
+			outline:none;
+			}
+	ul.attachment_list li.selected a img {
+		border: 2px solid red;
+		}
+	ul.attachment_list li .thumbs {
+		display:none;
+		background: #efefef;
+		position: absolute;
+		width:65px;
+		margin: 45px 5px 5px 25px;
+		border-right: 2px solid #666;
+		border-bottom: 2px solid #333;
+		border-top: 2px solid #efefef;		
+		border-left: 2px solid #efefef;		
+		}
+		ul.attachment_list li .thumbs a {		
+			margin-bottom: 5px;
+			line-height: 1.5em;
+			text-decoration: none;
+			}
+			ul.attachment_list li .thumbs a {					
+				text-decoration: underline;
+				}
+	ul.attachment_list li.selected .thumbs {
+		display:block;
+		}
+
+.right {
+	float:right;
+}
+.left {
+	float:left;
+}
+.clear {
+	clear:both;
+}
+.pagination a {
+  border: 1px solid #7DA807;
+  color: #7DA807;
+  margin-right: .3em;
+  padding: .3em; }
+.pagination a:hover {
+  background: #7DA807;
+  border: 1px solid #7DA807;
+  color: #ffffff; }
+.pagination a.active {
+  background: #1EA2C1;
+  border: none;
+  color: #ffffff; }

data/assets/public/javascripts/tiny_mce/plugins/curblyadvimage/editor_plugin.js

@@ -0,0 +1,49 @@
+/**
+ * $Id: editor_plugin_src.js 520 2008-01-07 16:30:32Z spocke $
+ *
+ * @author Moxiecode
+ * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.
+ */
+
+(function() {
+    tinymce.create('tinymce.plugins.CurblyAdvancedImagePlugin', {
+        init : function(ed, url) {
+            // Register commands
+            ed.addCommand('mceCurblyAdvImage', function() {
+                var e = ed.selection.getNode();
+
+                // Internal image object like a flash placeholder
+                if (ed.dom.getAttrib(e, 'class').indexOf('mceItem') != -1)
+                    return;
+
+                ed.windowManager.open({
+                    file : url + '/image.htm',
+                    width : 480 + parseInt(ed.getLang('curblyadvimage.delta_width', 0)),
+                    height : 385 + parseInt(ed.getLang('curblyadvimage.delta_height', 0)),
+                    inline : 1
+                }, {
+                    plugin_url : url
+                });
+            });
+
+            // Register buttons
+            ed.addButton('image', {
+                title : 'curblyadvimage.image_desc',
+                cmd : 'mceCurblyAdvImage'
+            });
+        },
+
+        getInfo : function() {
+            return {
+                longname : 'Curbly Advanced image',
+                author : 'Moxiecode Systems AB',
+                authorurl : 'http://tinymce.moxiecode.com',
+                infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
+                version : tinymce.majorVersion + "." + tinymce.minorVersion
+                };
+        }
+        });
+
+    // Register plugin
+    tinymce.PluginManager.add('curblyadvimage', tinymce.plugins.CurblyAdvancedImagePlugin);
+})();

data/assets/public/javascripts/tiny_mce/plugins/curblyadvimage/editor_plugin_src.js

@@ -0,0 +1,48 @@
+/**
+ * $Id: editor_plugin_src.js 520 2008-01-07 16:30:32Z spocke $
+ *
+ * @author Moxiecode
+ * @copyright Copyright � 2004-2008, Moxiecode Systems AB, All rights reserved.
+ */
+(function() {
+    tinymce.create('tinymce.plugins.CurblyAdvancedImagePlugin', {
+        init : function(ed, url) {
+            // Register commands
+            ed.addCommand('mceCurblyAdvImage', function() {
+                var e = ed.selection.getNode();
+
+                // Internal image object like a flash placeholder
+                if (ed.dom.getAttrib(e, 'class').indexOf('mceItem') != -1)
+                    return;
+
+                ed.windowManager.open({
+                    file : url + '/image.htm',
+                    width : 480 + parseInt(ed.getLang('curblyadvimage.delta_width', 0)),
+                    height : 415 + parseInt(ed.getLang('curblyadvimage.delta_height', 0)),
+                    inline : 1
+                }, {
+                    plugin_url : url
+                });
+            });
+
+            // Register buttons
+            ed.addButton('image', {
+                title : 'curblyadvimage.image_desc',
+                cmd : 'mceCurblyAdvImage'
+            });
+        },
+
+        getInfo : function() {
+            return {
+                longname : 'Curbly Advanced image',
+                author : 'Moxiecode Systems AB',
+                authorurl : 'http://tinymce.moxiecode.com',
+                infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
+                version : tinymce.majorVersion + "." + tinymce.minorVersion
+            };
+        }
+    });
+
+    // Register plugin
+    tinymce.PluginManager.add('curblyadvimage', tinymce.plugins.CurblyAdvancedImagePlugin);
+})();

data/assets/public/javascripts/tiny_mce/plugins/curblyadvimage/image.htm

@@ -0,0 +1,270 @@
+<!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">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+    <title>{#advimage_dlg.dialog_title}</title>
+    <script language="javascript" type="text/javascript" src="../../../jquery.js"></script>
+    <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="../../utils/validate.js"></script>
+    <script type="text/javascript" src="js/functions.js"></script>
+    <link href="css/advimage.css" rel="stylesheet" type="text/css" />
+    <base target="_self" />
+  </head>
+  <body id="advimage" style="display: none">
+
+    <div id="image-upload">
+      <fieldset>
+      <legend>Upload New Image</legend>
+      <form id='image_upload_form' enctype="multipart/form-data" method="post" onsubmit="if($('#media_photo').val()!=''){ts_onload(); return true;}else{alert('Please, select file to upload');return false;}" target="html_editor_image_upload_frame">
+          <input class="input-file" id="media_photo" name="print[image]" size="22" type="file"/>
+          <input class="submit" name="commit" type="submit" value="Upload"/>
+        </form>
+      </fieldset>
+    </div>
+
+    <br />
+
+    <form onsubmit="ImageDialog.insert();return false;" action="#">
+      <div class="tabs">
+        <ul>
+
+          <li id="dynamic_select_tab" class="current"><span><a href="javascript:mcTabs.displayTab('dynamic_select_tab','dynamic_select_panel');" onmousedown="return false;">Images</a></span></li>
+          <li id="general_tab"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
+          <li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
+          <!-- <li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li> -->
+        </ul>
+      </div>
+
+      <div class="panel_wrapper">
+
+        <div id="dynamic_select_panel" class="panel current" style='overflow:auto'>
+          <fieldset>
+	    <legend>Available Images</legend>
+            <script type="text/javascript">//<![CDATA[
+                $.ajax({type: "GET", url: "/attachments/manage?media=print", dataType: "script"});
+                //]]></script>
+
+            <div id="dynamic_images_list">
+              Loading Images...<br />
+              <img src='/images/tiny_mce/spinner.gif'>
+            </div>
+          </fieldset>
+        </div>
+        <div id="general_panel" class="panel">
+          <fieldset>
+            <legend>{#advimage_dlg.general}</legend>
+
+            <table class="properties">
+              <tr>
+                <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
+                <td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
+                    <tr>
+                      <td><input name="src" type="text" id="src" value="" onchange="ImageDialog.showPreviewImage(this.value);" /></td>
+                      <td id="srcbrowsercontainer">&nbsp;</td>
+                    </tr>
+                </table></td>
+              </tr>
+              <tr>
+                <td><label for="src_list">{#advimage_dlg.image_list}</label></td>
+                <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"></select></td>
+              </tr>
+              <tr>
+                <td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td>
+                <td colspan="2"><input id="alt" name="alt" type="text" value="" /></td>
+              </tr>
+              <tr>
+                <td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td>
+                <td colspan="2"><input id="title" name="title" type="text" value="" /></td>
+              </tr>
+            </table>
+          </fieldset>
+
+          <fieldset>
+            <legend>{#advimage_dlg.preview}</legend>
+            <div id="prev"></div>
+          </fieldset>
+        </div>
+
+        <div id="appearance_panel" class="panel">
+          <fieldset>
+            <legend>{#advimage_dlg.tab_appearance}</legend>
+
+            <table border="0" cellpadding="4" cellspacing="0">
+              <tr>
+                <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td>
+                <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();">
+                    <option value="">{#not_set}</option>
+                    <option value="baseline">{#advimage_dlg.align_baseline}</option>
+                    <option value="top">{#advimage_dlg.align_top}</option>
+                    <option value="middle">{#advimage_dlg.align_middle}</option>
+                    <option value="bottom">{#advimage_dlg.align_bottom}</option>
+                    <option value="text-top">{#advimage_dlg.align_texttop}</option>
+                    <option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
+                    <option value="left">{#advimage_dlg.align_left}</option>
+                    <option value="right">{#advimage_dlg.align_right}</option>
+                  </select>
+                </td>
+                <td rowspan="6" valign="top">
+                  <div class="alignPreview">
+                    <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
+                    Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
+                    nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
+                    edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
+                    erat volutpat.
+                  </div>
+                </td>
+              </tr>
+
+              <tr>
+                <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
+                <td nowrap="nowrap">
+                  <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" /> x
+                  <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" /> px
+                </td>
+              </tr>
+
+              <tr>
+                <td>&nbsp;</td>
+                <td><table border="0" cellpadding="0" cellspacing="0">
+                    <tr>
+                      <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
+                      <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
+                    </tr>
+                </table></td>
+              </tr>
+
+              <tr>
+                <td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td>
+                <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
+                </td>
+              </tr>
+
+              <tr>
+                <td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td>
+                <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td>
+              </tr>
+
+              <tr>
+                <td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td>
+                <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td>
+              </tr>
+
+              <tr>
+                <td><label for="class_list">{#class_name}</label></td>
+                <td><select id="class_list" name="class_list"></select></td>
+              </tr>
+
+              <tr>
+                <td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td>
+                <td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td>
+              </tr>
+
+              <!-- <tr>
+                                                        <td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td>
+                                                        <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
+                                                </tr> -->
+            </table>
+          </fieldset>
+        </div>
+
+        <!--
+                        <div id="advanced_panel" class="panel">
+                                <fieldset>
+                                        <legend>{#advimage_dlg.swap_image}</legend>
+
+                                        <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" />
+                                        <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
+
+                                        <table border="0" cellpadding="4" cellspacing="0" width="100%">
+                                                        <tr>
+                                                                <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td>
+                                                                <td><table border="0" cellspacing="0" cellpadding="0">
+                                                                        <tr>
+                                                                          <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td>
+                                                                          <td id="onmouseoversrccontainer">&nbsp;</td>
+                                                                        </tr>
+                                                                  </table></td>
+                                                        </tr>
+                                                        <tr>
+                                                                <td><label for="over_list">{#advimage_dlg.image_list}</label></td>
+                                                                <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"></select></td>
+                                                        </tr>
+                                                        <tr>
+                                                                <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td>
+                                                                <td class="column2"><table border="0" cellspacing="0" cellpadding="0">
+                                                                        <tr>
+                                                                          <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td>
+                                                                          <td id="onmouseoutsrccontainer">&nbsp;</td>
+                                                                        </tr>
+                                                                  </table></td>
+                                                        </tr>
+                                                        <tr>
+                                                                <td><label for="out_list">{#advimage_dlg.image_list}</label></td>
+                                                                <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"></select></td>
+                                                        </tr>
+                                        </table>
+                                </fieldset>
+
+                                <fieldset>
+                                        <legend>{#advimage_dlg.misc}</legend>
+
+                                        <table border="0" cellpadding="4" cellspacing="0">
+                                                <tr>
+                                                        <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td>
+                                                        <td><input id="id" name="id" type="text" value="" /></td>
+                                                </tr>
+
+                                                <tr>
+                                                        <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td>
+                                                        <td>
+                                                                <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();">
+                                                                                <option value="">{#not_set}</option>
+                                                                                <option value="ltr">{#advimage_dlg.ltr}</option>
+                                                                                <option value="rtl">{#advimage_dlg.rtl}</option>
+                                                                </select>
+                                                        </td>
+                                                </tr>
+
+                                                <tr>
+                                                        <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td>
+                                                        <td>
+                                                                <input id="lang" name="lang" type="text" value="" />
+                                                        </td>
+                                                </tr>
+
+                                                <tr>
+                                                        <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td>
+                                                        <td>
+                                                                <input id="usemap" name="usemap" type="text" value="" />
+                                                        </td>
+                                                </tr>
+
+                                                <tr>
+                                                        <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
+                                                        <td><table border="0" cellspacing="0" cellpadding="0">
+                                                                        <tr>
+                                                                          <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
+                                                                          <td id="longdesccontainer">&nbsp;</td>
+                                                                        </tr>
+                                                                </table></td>
+                                                </tr>
+                                        </table>
+                                </fieldset>
+                        </div>
+      -->
+      </div>
+
+      <div class="mceActionPanel">
+        <div style="float: left">
+          <input type="button" id="insert" name="insert" value="{#insert}" onclick="ImageDialog.insert();" />
+        </div>
+
+        <div style="float: right">
+          <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
+        </div>
+      </div>
+    </form>
+  </body>
+</html>