]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.js
Wordpress 3.5
[autoinstalls/wordpress.git] / wp-includes / js / tinymce / plugins / wpeditimage / js / editimage.js
index eebfb3d5ac589c9a6c3b50749ba7b5031d2c173e..18e781179f62ccbf3b30d07b2b057a472f3a9863 100644 (file)
@@ -1 +1,613 @@
-var tinymce=null,tinyMCEPopup,tinyMCE,wpImage;tinyMCEPopup={init:function(){var b=this,a,c;a=b.getWin();tinymce=a.tinymce;tinyMCE=a.tinyMCE;b.editor=tinymce.EditorManager.activeEditor;b.params=b.editor.windowManager.params;b.features=b.editor.windowManager.features;b.dom=b.editor.windowManager.createInstance("tinymce.dom.DOMUtils",document);b.editor.windowManager.onOpen.dispatch(b.editor.windowManager,window)},getWin:function(){return(!window.frameElement&&window.dialogArguments)||opener||parent||top},getParam:function(b,a){return this.editor.getParam(b,a)},close:function(){var a=this;function b(){a.editor.windowManager.close(window);tinymce=tinyMCE=a.editor=a.params=a.dom=a.dom.doc=null}if(tinymce.isOpera){a.getWin().setTimeout(b,0)}else{b()}},execCommand:function(d,c,e,b){b=b||{};b.skip_focus=1;this.restoreSelection();return this.editor.execCommand(d,c,e,b)},storeSelection:function(){this.editor.windowManager.bookmark=tinyMCEPopup.editor.selection.getBookmark(1)},restoreSelection:function(){var a=tinyMCEPopup;if(tinymce.isIE){a.editor.selection.moveToBookmark(a.editor.windowManager.bookmark)}}};tinyMCEPopup.init();wpImage={preInit:function(){var a=tinyMCEPopup.editor,e=tinyMCEPopup.getWin(),d=e.document.styleSheets,b,c;for(c=0;c<d.length;c++){b=d.item(c).href;if(b&&b.indexOf("colors")!=-1){document.getElementsByTagName("head")[0].appendChild(a.dom.create("link",{rel:"stylesheet",href:b}));break}}},I:function(a){return document.getElementById(a)},current:"",link:"",link_rel:"",target_value:"",current_size_sel:"s100",width:"",height:"",align:"",img_alt:"",setTabs:function(b){var a=this;if("current"==b.className){return false}a.I("div_advanced").style.display=("tab_advanced"==b.id)?"block":"none";a.I("div_basic").style.display=("tab_basic"==b.id)?"block":"none";a.I("tab_basic").className=a.I("tab_advanced").className="";b.className="current";return false},img_seturl:function(b){var c=this,a=c.I("link_rel").value;if("current"==b){c.I("link_href").value=c.current;c.I("link_rel").value=c.link_rel}else{c.I("link_href").value=c.link;if(a){a=a.replace(/attachment|wp-att-[0-9]+/gi,"");c.I("link_rel").value=tinymce.trim(a)}}},imgAlignCls:function(b){var c=this,a=c.I("img_classes").value;c.I("img_demo").className=c.align=b;a=a.replace(/align[^ "']+/gi,"");a+=(" "+b);a=a.replace(/\s+/g," ").replace(/^\s/,"");if("aligncenter"==b){c.I("hspace").value="";c.updateStyle("hspace")}c.I("img_classes").value=a},showSize:function(e){var c=this,f=c.I("img_demo"),a=c.width,d=c.height,g=e.id||"s100",b;b=parseInt(g.substring(1))/200;f.width=Math.round(a*b);f.height=Math.round(d*b);c.showSizeClear();e.style.borderColor="#A3A3A3";e.style.backgroundColor="#E5E5E5"},showSizeSet:function(){var b=this,d,c,a;if((b.width*1.3)>parseInt(b.preloadImg.width)){d=b.I("s130"),c=b.I("s120"),a=b.I("s110");d.onclick=c.onclick=a.onclick=null;d.onmouseover=c.onmouseover=a.onmouseover=null;d.style.color=c.style.color=a.style.color="#aaa"}},showSizeRem:function(){var a=this,c=a.I("img_demo"),b=document.forms[0];c.width=Math.round(b.width.value*0.5);c.height=Math.round(b.height.value*0.5);a.showSizeClear();a.I(a.current_size_sel).style.borderColor="#A3A3A3";a.I(a.current_size_sel).style.backgroundColor="#E5E5E5";return false},showSizeClear:function(){var b=this.I("img_size").getElementsByTagName("div"),a;for(a=0;a<b.length;a++){b[a].style.borderColor="#f1f1f1";b[a].style.backgroundColor="#f1f1f1"}},imgEditSize:function(g){var d=this,i=document.forms[0],a,c,b,e,j;if(!d.preloadImg||!d.preloadImg.width||!d.preloadImg.height){return}a=parseInt(d.preloadImg.width),c=parseInt(d.preloadImg.height),b=d.width||a,e=d.height||c,j=g.id||"s100";size=parseInt(j.substring(1))/100;b=Math.round(b*size);e=Math.round(e*size);i.width.value=Math.min(a,b);i.height.value=Math.min(c,e);d.current_size_sel=j;d.demoSetSize()},demoSetSize:function(a){var c=this.I("img_demo"),b=document.forms[0];c.width=b.width.value?Math.round(b.width.value*0.5):"";c.height=b.height.value?Math.round(b.height.value*0.5):""},demoSetStyle:function(){var b=document.forms[0],a=this.I("img_demo"),c=tinyMCEPopup.editor.dom;if(a){c.setAttrib(a,"style",b.img_style.value);c.setStyle(a,"width","");c.setStyle(a,"height","")}},origSize:function(){var a=this,c=document.forms[0],b=a.I("s100");c.width.value=a.width=a.preloadImg.width;c.height.value=a.height=a.preloadImg.height;a.showSizeSet();a.demoSetSize();a.showSize(b)},init:function(){var a=tinyMCEPopup.editor,b;b=document.body.innerHTML;document.body.innerHTML=a.translate(b);window.setTimeout(function(){wpImage.setup()},500)},setup:function(){var q=this,l,b,m,e,j=document.forms[0],i=tinyMCEPopup.editor,k=q.I("img_demo"),h=tinyMCEPopup.dom,a,g,p="",o,n;document.dir=tinyMCEPopup.editor.getParam("directionality","");if(tinyMCEPopup.editor.getParam("wpeditimage_disable_captions",false)){q.I("cap_field").style.display="none"}tinyMCEPopup.restoreSelection();b=i.selection.getNode();if(b.nodeName!="IMG"){return}j.img_src.value=k.src=m=i.dom.getAttrib(b,"src");i.dom.setStyle(b,"float","");q.getImageData();l=i.dom.getAttrib(b,"class");if(a=h.getParent(b,"dl")){o=i.dom.getAttrib(a,"class");o=o.match(/align[^ "']+/i);if(o&&!h.hasClass(b,o)){l+=" "+o;tinymce.trim(l)}g=i.dom.select("dd.wp-caption-dd",a);if(g&&g[0]){p=i.serializer.serialize(g[0]).replace(/^<p>/,"").replace(/<\/p>$/,"")}}j.img_cap_text.value=p;j.img_title.value=i.dom.getAttrib(b,"title");j.img_alt.value=i.dom.getAttrib(b,"alt");j.border.value=i.dom.getAttrib(b,"border");j.vspace.value=i.dom.getAttrib(b,"vspace");j.hspace.value=i.dom.getAttrib(b,"hspace");j.align.value=i.dom.getAttrib(b,"align");j.width.value=q.width=i.dom.getAttrib(b,"width");j.height.value=q.height=i.dom.getAttrib(b,"height");j.img_classes.value=l;j.img_style.value=i.dom.getAttrib(b,"style");if(h.getAttrib(b,"hspace")){q.updateStyle("hspace")}if(h.getAttrib(b,"border")){q.updateStyle("border")}if(h.getAttrib(b,"vspace")){q.updateStyle("vspace")}if(n=i.dom.getParent(b,"A")){j.link_href.value=q.current=i.dom.getAttrib(n,"href");j.link_title.value=i.dom.getAttrib(n,"title");j.link_rel.value=q.link_rel=i.dom.getAttrib(n,"rel");j.link_style.value=i.dom.getAttrib(n,"style");q.target_value=i.dom.getAttrib(n,"target");j.link_classes.value=i.dom.getAttrib(n,"class")}j.link_target.checked=(q.target_value&&q.target_value=="_blank")?"checked":"";e=m.substring(m.lastIndexOf("/"));e=e.replace(/-[0-9]{2,4}x[0-9]{2,4}/,"");q.link=m.substring(0,m.lastIndexOf("/"))+e;if(l.indexOf("alignleft")!=-1){q.I("alignleft").checked="checked";k.className=q.align="alignleft"}else{if(l.indexOf("aligncenter")!=-1){q.I("aligncenter").checked="checked";k.className=q.align="aligncenter"}else{if(l.indexOf("alignright")!=-1){q.I("alignright").checked="checked";k.className=q.align="alignright"}else{if(l.indexOf("alignnone")!=-1){q.I("alignnone").checked="checked";k.className=q.align="alignnone"}}}}if(q.width&&q.preloadImg.width){q.showSizeSet()}document.body.style.display=""},remove:function(){var a=tinyMCEPopup.editor,c,b;tinyMCEPopup.restoreSelection();b=a.selection.getNode();if(b.nodeName!="IMG"){return}if((c=a.dom.getParent(b,"div"))&&a.dom.hasClass(c,"mceTemp")){a.dom.remove(c)}else{if((c=a.dom.getParent(b,"A"))&&c.childNodes.length==1){a.dom.remove(c)}else{a.dom.remove(b)}}a.execCommand("mceRepaint");tinyMCEPopup.close();return},update:function(){var m=this,v=document.forms[0],g=tinyMCEPopup.editor,e,y,d=null,n,h,p,r,o=null,k=v.img_classes.value,l,q,u="",j,i,s,a,B,x="",c,z,w;tinyMCEPopup.restoreSelection();e=g.selection.getNode();if(e.nodeName!="IMG"){return}if(v.img_src.value===""){m.remove();return}if(v.img_cap_text.value!=""&&v.width.value!=""){o=1;k=k.replace(/align[^ "']+\s?/gi,"")}p=g.dom.getParent(e,"a");h=g.dom.getParent(e,"p");n=g.dom.getParent(e,"dl");r=g.dom.getParent(e,"div");tinyMCEPopup.execCommand("mceBeginUndoLevel");if(v.width.value!=e.width||v.height.value!=e.height){k=k.replace(/size-[^ "']+/,"")}g.dom.setAttribs(e,{src:v.img_src.value,title:v.img_title.value,alt:v.img_alt.value,width:v.width.value,height:v.height.value,style:v.img_style.value,"class":k});if(v.link_href.value){if(p==null){if(!v.link_href.value.match(/https?:\/\//i)){v.link_href.value=tinyMCEPopup.editor.documentBaseURI.toAbsolute(v.link_href.value)}g.getDoc().execCommand("unlink",false,null);tinyMCEPopup.execCommand("mceInsertLink",false,"#mce_temp_url#",{skip_undo:1});tinymce.each(g.dom.select("a"),function(b){if(g.dom.getAttrib(b,"href")=="#mce_temp_url#"){g.dom.setAttribs(b,{href:v.link_href.value,title:v.link_title.value,rel:v.link_rel.value,target:(v.link_target.checked==true)?"_blank":"","class":v.link_classes.value,style:v.link_style.value})}})}else{g.dom.setAttribs(p,{href:v.link_href.value,title:v.link_title.value,rel:v.link_rel.value,target:(v.link_target.checked==true)?"_blank":"","class":v.link_classes.value,style:v.link_style.value})}}if(o){a=10+parseInt(v.width.value);B=(m.align=="aligncenter")?"mceTemp mceIEcenter":"mceTemp";w=v.img_cap_text.value;w=w.replace(/\r\n|\r/g,"\n").replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g,function(b){return b.replace(/[\r\n\t]+/," ")});w=w.replace(/\s*\n\s*/g,"<br />");if(n){g.dom.setAttribs(n,{"class":"wp-caption "+m.align,style:"width: "+a+"px;"});if(r){g.dom.setAttrib(r,"class",B)}if((i=g.dom.getParent(e,"dt"))&&(s=i.nextSibling)&&g.dom.hasClass(s,"wp-caption-dd")){g.dom.setHTML(s,w)}}else{if((q=v.img_classes.value.match(/wp-image-([0-9]{1,6})/))&&q[1]){u="attachment_"+q[1]}if(v.link_href.value&&(x=g.dom.getParent(e,"a"))){if(x.childNodes.length==1){l=g.dom.getOuterHTML(x)}else{l=g.dom.getOuterHTML(x);l=l.match(/<a [^>]+>/i);l=l+g.dom.getOuterHTML(e)+"</a>"}}else{l=g.dom.getOuterHTML(e)}l='<dl id="'+u+'" class="wp-caption '+m.align+'" style="width: '+a+'px"><dt class="wp-caption-dt">'+l+'</dt><dd class="wp-caption-dd">'+w+"</dd></dl>";j=g.dom.create("div",{"class":B},l);if(h){h.parentNode.insertBefore(j,h);if(h.childNodes.length==1){g.dom.remove(h)}else{if(x&&x.childNodes.length==1){g.dom.remove(x)}else{g.dom.remove(e)}}}else{if(c=g.dom.getParent(e,"TD,TH,LI")){c.appendChild(j);if(x&&x.childNodes.length==1){g.dom.remove(x)}else{g.dom.remove(e)}}}}}else{if(n&&r){if(v.link_href.value&&(z=g.dom.getParent(e,"a"))){l=g.dom.getOuterHTML(z)}else{l=g.dom.getOuterHTML(e)}h=g.dom.create("p",{},l);r.parentNode.insertBefore(h,r);g.dom.remove(r)}}if(v.img_classes.value.indexOf("aligncenter")!=-1){if(h&&(!h.style||h.style.textAlign!="center")){g.dom.setStyle(h,"textAlign","center")}}else{if(h&&h.style&&h.style.textAlign=="center"){g.dom.setStyle(h,"textAlign","")}}if(!v.link_href.value&&p){y=g.selection.getBookmark();g.dom.remove(p,1);g.selection.moveToBookmark(y)}tinyMCEPopup.execCommand("mceEndUndoLevel");g.execCommand("mceRepaint");tinyMCEPopup.close()},updateStyle:function(a){var e=tinyMCEPopup.dom,c,d=document.forms[0],b=e.create("img",{style:d.img_style.value});if(tinyMCEPopup.editor.settings.inline_styles){if(a=="align"){e.setStyle(b,"float","");e.setStyle(b,"vertical-align","");c=d.align.value;if(c){if(c=="left"||c=="right"){e.setStyle(b,"float",c)}else{b.style.verticalAlign=c}}}if(a=="border"){e.setStyle(b,"border","");c=d.border.value;if(c||c=="0"){if(c=="0"){b.style.border="0"}else{b.style.border=c+"px solid black"}}}if(a=="hspace"){e.setStyle(b,"marginLeft","");e.setStyle(b,"marginRight","");c=d.hspace.value;if(c){b.style.marginLeft=c+"px";b.style.marginRight=c+"px"}}if(a=="vspace"){e.setStyle(b,"marginTop","");e.setStyle(b,"marginBottom","");c=d.vspace.value;if(c){b.style.marginTop=c+"px";b.style.marginBottom=c+"px"}}d.img_style.value=e.serializeStyle(e.parseStyle(b.style.cssText));this.demoSetStyle()}},checkVal:function(a){if(a.value==""){if(a.id=="img_src"){a.value=this.I("img_demo").src||this.preloadImg.src}}},resetImageData:function(){var a=document.forms[0];a.width.value=a.height.value=""},updateImageData:function(){var d=document.forms[0],b=wpImage,a=d.width.value,c=d.height.value;if(!a&&c){a=d.width.value=b.width=Math.round(b.preloadImg.width/(b.preloadImg.height/c))}else{if(a&&!c){c=d.height.value=b.height=Math.round(b.preloadImg.height/(b.preloadImg.width/a))}}if(!a){d.width.value=b.width=b.preloadImg.width}if(!c){d.height.value=b.height=b.preloadImg.height}b.showSizeSet();b.demoSetSize();if(d.img_style.value){b.demoSetStyle()}},getImageData:function(){var a=wpImage,b=document.forms[0];a.preloadImg=new Image();a.preloadImg.onload=a.updateImageData;a.preloadImg.onerror=a.resetImageData;a.preloadImg.src=tinyMCEPopup.editor.documentBaseURI.toAbsolute(b.img_src.value)}};window.onload=function(){wpImage.init()};wpImage.preInit();
\ No newline at end of file
+
+var tinymce = null, tinyMCEPopup, tinyMCE, wpImage;
+
+tinyMCEPopup = {
+       init: function() {
+               var t = this, w, ti;
+
+               // Find window & API
+               w = t.getWin();
+               tinymce = w.tinymce;
+               tinyMCE = w.tinyMCE;
+               t.editor = tinymce.EditorManager.activeEditor;
+               t.params = t.editor.windowManager.params;
+               t.features = t.editor.windowManager.features;
+
+               // Setup local DOM
+               t.dom = t.editor.windowManager.createInstance('tinymce.dom.DOMUtils', document);
+               t.editor.windowManager.onOpen.dispatch(t.editor.windowManager, window);
+       },
+
+       getWin : function() {
+               return (!window.frameElement && window.dialogArguments) || opener || parent || top;
+       },
+
+       getParam : function(n, dv) {
+               return this.editor.getParam(n, dv);
+       },
+
+       close : function() {
+               var t = this;
+
+               // To avoid domain relaxing issue in Opera
+               function close() {
+                       t.editor.windowManager.close(window);
+                       tinymce = tinyMCE = t.editor = t.params = t.dom = t.dom.doc = null; // Cleanup
+               };
+
+               if (tinymce.isOpera)
+                       t.getWin().setTimeout(close, 0);
+               else
+                       close();
+       },
+
+       execCommand : function(cmd, ui, val, a) {
+               a = a || {};
+               a.skip_focus = 1;
+
+               this.restoreSelection();
+               return this.editor.execCommand(cmd, ui, val, a);
+       },
+
+       storeSelection : function() {
+               this.editor.windowManager.bookmark = tinyMCEPopup.editor.selection.getBookmark(1);
+       },
+
+       restoreSelection : function() {
+               var t = tinyMCEPopup;
+
+               if ( tinymce.isIE )
+                       t.editor.selection.moveToBookmark(t.editor.windowManager.bookmark);
+       }
+}
+tinyMCEPopup.init();
+
+wpImage = {
+       preInit : function() {
+               // import colors stylesheet from parent
+               var ed = tinyMCEPopup.editor, win = tinyMCEPopup.getWin(), styles = win.document.styleSheets, url, i;
+
+               for ( i = 0; i < styles.length; i++ ) {
+                       url = styles.item(i).href;
+                       if ( url && url.indexOf('colors') != -1 ) {
+                               document.getElementsByTagName('head')[0].appendChild( ed.dom.create('link', {rel:'stylesheet', href: url}) );
+                               break;
+                       }
+               }
+       },
+
+       I : function(e) {
+               return document.getElementById(e);
+       },
+
+       current : '',
+       link : '',
+       link_rel : '',
+       target_value : '',
+       current_size_sel : 's100',
+       width : '',
+       height : '',
+       align : '',
+       img_alt : '',
+
+       setTabs : function(tab) {
+               var t = this;
+
+               if ( 'current' == tab.className ) return false;
+               t.I('div_advanced').style.display = ( 'tab_advanced' == tab.id ) ? 'block' : 'none';
+               t.I('div_basic').style.display = ( 'tab_basic' == tab.id ) ? 'block' : 'none';
+               t.I('tab_basic').className = t.I('tab_advanced').className = '';
+               tab.className = 'current';
+               return false;
+       },
+
+       img_seturl : function(u) {
+               var t = this, rel = t.I('link_rel').value;
+
+               if ( 'current' == u ) {
+                       t.I('link_href').value = t.current;
+                       t.I('link_rel').value = t.link_rel;
+               } else {
+                       t.I('link_href').value = t.link;
+                       if ( rel ) {
+                               rel = rel.replace( /attachment|wp-att-[0-9]+/gi, '' );
+                               t.I('link_rel').value = tinymce.trim(rel);
+                       }
+               }
+       },
+
+       imgAlignCls : function(v) {
+               var t = this, cls = t.I('img_classes').value;
+
+               t.I('img_demo').className = t.align = v;
+
+               cls = cls.replace( /align[^ "']+/gi, '' );
+               cls += (' ' + v);
+               cls = cls.replace( /\s+/g, ' ' ).replace( /^\s/, '' );
+
+               if ( 'aligncenter' == v ) {
+                       t.I('hspace').value = '';
+                       t.updateStyle('hspace');
+               }
+
+               t.I('img_classes').value = cls;
+       },
+
+       showSize : function(el) {
+               var t = this, demo = t.I('img_demo'), w = t.width, h = t.height, id = el.id || 's100', size;
+
+               size = parseInt(id.substring(1)) / 200;
+               demo.width = Math.round(w * size);
+               demo.height = Math.round(h * size);
+
+               t.showSizeClear();
+               el.style.borderColor = '#A3A3A3';
+               el.style.backgroundColor = '#E5E5E5';
+       },
+
+       showSizeSet : function() {
+               var t = this, s130, s120, s110;
+
+               if ( (t.width * 1.3) > parseInt(t.preloadImg.width) ) {
+                       s130 = t.I('s130'), s120 = t.I('s120'), s110 = t.I('s110');
+
+                       s130.onclick = s120.onclick = s110.onclick = null;
+                       s130.onmouseover = s120.onmouseover = s110.onmouseover = null;
+                       s130.style.color = s120.style.color = s110.style.color = '#aaa';
+               }
+       },
+
+       showSizeRem : function() {
+               var t = this, demo = t.I('img_demo'), f = document.forms[0];
+
+               demo.width = Math.round(f.width.value * 0.5);
+               demo.height = Math.round(f.height.value * 0.5);
+               t.showSizeClear();
+               t.I(t.current_size_sel).style.borderColor = '#A3A3A3';
+               t.I(t.current_size_sel).style.backgroundColor = '#E5E5E5';
+
+               return false;
+       },
+
+       showSizeClear : function() {
+               var divs = this.I('img_size').getElementsByTagName('div'), i;
+
+               for ( i = 0; i < divs.length; i++ ) {
+                       divs[i].style.borderColor = '#f1f1f1';
+                       divs[i].style.backgroundColor = '#f1f1f1';
+               }
+       },
+
+       imgEditSize : function(el) {
+               var t = this, f = document.forms[0], W, H, w, h, id;
+
+               if ( ! t.preloadImg || ! t.preloadImg.width || ! t.preloadImg.height )
+                       return;
+               
+               W = parseInt(t.preloadImg.width), H = parseInt(t.preloadImg.height), w = t.width || W, h = t.height || H, id = el.id || 's100';
+
+               size = parseInt(id.substring(1)) / 100;
+
+               w = Math.round(w * size);
+               h = Math.round(h * size);
+
+               f.width.value = Math.min(W, w);
+               f.height.value = Math.min(H, h);
+
+               t.current_size_sel = id;
+               t.demoSetSize();
+       },
+
+       demoSetSize : function(img) {
+               var demo = this.I('img_demo'), f = document.forms[0];
+
+               demo.width = f.width.value ? Math.round(f.width.value * 0.5) : '';
+               demo.height = f.height.value ? Math.round(f.height.value * 0.5) : '';
+       },
+
+       demoSetStyle : function() {
+               var f = document.forms[0], demo = this.I('img_demo'), dom = tinyMCEPopup.editor.dom;
+
+               if (demo) {
+                       dom.setAttrib(demo, 'style', f.img_style.value);
+                       dom.setStyle(demo, 'width', '');
+                       dom.setStyle(demo, 'height', '');
+               }
+       },
+
+       origSize : function() {
+               var t = this, f = document.forms[0], el = t.I('s100');
+
+               f.width.value = t.width = t.preloadImg.width;
+               f.height.value = t.height = t.preloadImg.height;
+               t.showSizeSet();
+               t.demoSetSize();
+               t.showSize(el);
+       },
+
+       init : function() {
+               var ed = tinyMCEPopup.editor, h;
+
+               h = document.body.innerHTML;
+               document.body.innerHTML = ed.translate(h);
+               window.setTimeout( function(){wpImage.setup();}, 500 );
+       },
+
+       setup : function() {
+               var t = this, c, el, link, fname, f = document.forms[0], ed = tinyMCEPopup.editor,
+                       d = t.I('img_demo'), dom = tinyMCEPopup.dom, DL, DD, caption = '', dlc, pa;
+
+               document.dir = tinyMCEPopup.editor.getParam('directionality','');
+
+               if ( tinyMCEPopup.editor.getParam('wpeditimage_disable_captions', false) )
+                       t.I('cap_field').style.display = 'none';
+
+               tinyMCEPopup.restoreSelection();
+               el = ed.selection.getNode();
+               if (el.nodeName != 'IMG')
+                       return;
+
+               f.img_src.value = d.src = link = ed.dom.getAttrib(el, 'src');
+               ed.dom.setStyle(el, 'float', '');
+               t.getImageData();
+               c = ed.dom.getAttrib(el, 'class');
+
+               if ( DL = dom.getParent(el, 'dl') ) {
+                       dlc = ed.dom.getAttrib(DL, 'class');
+                       dlc = dlc.match(/align[^ "']+/i);
+                       if ( dlc && ! dom.hasClass(el, dlc) ) {
+                               c += ' '+dlc;
+                               tinymce.trim(c);
+                       }
+
+                       DD = ed.dom.select('dd.wp-caption-dd', DL);
+                       if ( DD && DD[0] )
+                               caption = ed.serializer.serialize(DD[0]).replace(/^<p>/, '').replace(/<\/p>$/, '');
+               }
+
+               f.img_cap_text.value = caption;
+               f.img_title.value = ed.dom.getAttrib(el, 'title');
+               f.img_alt.value = ed.dom.getAttrib(el, 'alt');
+               f.border.value = ed.dom.getAttrib(el, 'border');
+               f.vspace.value = ed.dom.getAttrib(el, 'vspace');
+               f.hspace.value = ed.dom.getAttrib(el, 'hspace');
+               f.align.value = ed.dom.getAttrib(el, 'align');
+               f.width.value = t.width = ed.dom.getAttrib(el, 'width');
+               f.height.value = t.height = ed.dom.getAttrib(el, 'height');
+               f.img_classes.value = c;
+               f.img_style.value = ed.dom.getAttrib(el, 'style');
+
+               // Move attribs to styles
+               if ( dom.getAttrib(el, 'hspace') )
+                       t.updateStyle('hspace');
+
+               if ( dom.getAttrib(el, 'border') )
+                       t.updateStyle('border');
+
+               if ( dom.getAttrib(el, 'vspace') )
+                       t.updateStyle('vspace');
+
+               if ( pa = ed.dom.getParent(el, 'A') ) {
+                       f.link_href.value = t.current = ed.dom.getAttrib(pa, 'href');
+                       f.link_title.value = ed.dom.getAttrib(pa, 'title');
+                       f.link_rel.value = t.link_rel = ed.dom.getAttrib(pa, 'rel');
+                       f.link_style.value = ed.dom.getAttrib(pa, 'style');
+                       t.target_value = ed.dom.getAttrib(pa, 'target');
+                       f.link_classes.value = ed.dom.getAttrib(pa, 'class');
+               }
+
+               f.link_target.checked = ( t.target_value && t.target_value == '_blank' ) ? 'checked' : '';
+
+               fname = link.substring( link.lastIndexOf('/') );
+               fname = fname.replace(/-[0-9]{2,4}x[0-9]{2,4}/, '' );
+               t.link = link.substring( 0, link.lastIndexOf('/') ) + fname;
+
+               if ( c.indexOf('alignleft') != -1 ) {
+                       t.I('alignleft').checked = "checked";
+                       d.className = t.align = "alignleft";
+               } else if ( c.indexOf('aligncenter') != -1 ) {
+                       t.I('aligncenter').checked = "checked";
+                       d.className = t.align = "aligncenter";
+               } else if ( c.indexOf('alignright') != -1 ) {
+                       t.I('alignright').checked = "checked";
+                       d.className = t.align = "alignright";
+               } else if ( c.indexOf('alignnone') != -1 ) {
+                       t.I('alignnone').checked = "checked";
+                       d.className = t.align = "alignnone";
+               }
+
+               if ( t.width && t.preloadImg.width )
+                       t.showSizeSet();
+               
+               document.body.style.display = '';
+       },
+
+       remove : function() {
+               var ed = tinyMCEPopup.editor, p, el;
+
+               tinyMCEPopup.restoreSelection();
+               el = ed.selection.getNode();
+               if (el.nodeName != 'IMG') return;
+
+               if ( (p = ed.dom.getParent(el, 'div')) && ed.dom.hasClass(p, 'mceTemp') )
+                       ed.dom.remove(p);
+               else if ( (p = ed.dom.getParent(el, 'A')) && p.childNodes.length == 1 )
+                       ed.dom.remove(p);
+               else ed.dom.remove(el);
+
+               ed.execCommand('mceRepaint');
+               tinyMCEPopup.close();
+               return;
+       },
+
+       update : function() {
+               var t = this, f = document.forms[0], ed = tinyMCEPopup.editor, el, b, fixSafari = null,
+                       DL, P, A, DIV, do_caption = null, img_class = f.img_classes.value, html,
+                       id, cap_id = '', cap, DT, DD, cap_width, div_cls, lnk = '', pa, aa, caption;
+
+               tinyMCEPopup.restoreSelection();
+               el = ed.selection.getNode();
+
+               if (el.nodeName != 'IMG') return;
+               if (f.img_src.value === '') {
+                       t.remove();
+                       return;
+               }
+
+               if ( f.img_cap_text.value != '' && f.width.value != '' ) {
+                       do_caption = 1;
+                       img_class = img_class.replace( /align[^ "']+\s?/gi, '' );
+               }
+
+               A = ed.dom.getParent(el, 'a');
+               P = ed.dom.getParent(el, 'p');
+               DL = ed.dom.getParent(el, 'dl');
+               DIV = ed.dom.getParent(el, 'div');
+
+               tinyMCEPopup.execCommand("mceBeginUndoLevel");
+
+               if ( f.width.value != el.width || f.height.value != el.height )
+                       img_class = img_class.replace(/size-[^ "']+/, '');
+
+               ed.dom.setAttribs(el, {
+                       src : f.img_src.value,
+                       title : f.img_title.value,
+                       alt : f.img_alt.value,
+                       width : f.width.value,
+                       height : f.height.value,
+                       style : f.img_style.value,
+                       'class' : img_class
+               });
+
+               if ( f.link_href.value ) {
+                       // Create new anchor elements
+                       if ( A == null ) {
+                               if ( ! f.link_href.value.match(/https?:\/\//i) )
+                                       f.link_href.value = tinyMCEPopup.editor.documentBaseURI.toAbsolute(f.link_href.value);
+
+                               ed.getDoc().execCommand("unlink", false, null);
+                               tinyMCEPopup.execCommand("mceInsertLink", false, "#mce_temp_url#", {skip_undo : 1});
+
+                               tinymce.each(ed.dom.select("a"), function(n) {
+                                       if ( ed.dom.getAttrib(n, 'href') == '#mce_temp_url#' ) {
+
+                                               ed.dom.setAttribs(n, {
+                                                       href : f.link_href.value,
+                                                       title : f.link_title.value,
+                                                       rel : f.link_rel.value,
+                                                       target : (f.link_target.checked == true) ? '_blank' : '',
+                                                       'class' : f.link_classes.value,
+                                                       style : f.link_style.value
+                                               });
+                                       }
+                               });
+                       } else {
+                               ed.dom.setAttribs(A, {
+                                       href : f.link_href.value,
+                                       title : f.link_title.value,
+                                       rel : f.link_rel.value,
+                                       target : (f.link_target.checked == true) ? '_blank' : '',
+                                       'class' : f.link_classes.value,
+                                       style : f.link_style.value
+                               });
+                       }
+               }
+
+               if ( do_caption ) {
+                       cap_width = 10 + parseInt(f.width.value);
+                       div_cls = (t.align == 'aligncenter') ? 'mceTemp mceIEcenter' : 'mceTemp';
+                       caption = f.img_cap_text.value;
+
+                       caption = caption.replace(/\r\n|\r/g, '\n').replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g, function(a){
+                               return a.replace(/[\r\n\t]+/, ' ');
+                       });
+
+                       caption = caption.replace(/\s*\n\s*/g, '<br />');
+
+                       if ( DL ) {
+                               ed.dom.setAttribs(DL, {
+                                       'class' : 'wp-caption '+t.align,
+                                       style : 'width: '+cap_width+'px;'
+                               });
+
+                               if ( DIV )
+                                       ed.dom.setAttrib(DIV, 'class', div_cls);
+
+                               if ( (DT = ed.dom.getParent(el, 'dt')) && (DD = DT.nextSibling) && ed.dom.hasClass(DD, 'wp-caption-dd') )
+                                       ed.dom.setHTML(DD, caption);
+
+                       } else {
+                               if ( (id = f.img_classes.value.match( /wp-image-([0-9]{1,6})/ )) && id[1] )
+                                       cap_id = 'attachment_'+id[1];
+
+                               if ( f.link_href.value && (lnk = ed.dom.getParent(el, 'a')) ) {
+                                       if ( lnk.childNodes.length == 1 ) {
+                                               html = ed.dom.getOuterHTML(lnk);
+                                       } else {
+                                               html = ed.dom.getOuterHTML(lnk);
+                                               html = html.match(/<a [^>]+>/i);
+                                               html = html+ed.dom.getOuterHTML(el)+'</a>';
+                                       }
+                               } else {
+                                       html = ed.dom.getOuterHTML(el);
+                               }
+
+                               html = '<dl id="'+cap_id+'" class="wp-caption '+t.align+'" style="width: '+cap_width+
+                               'px"><dt class="wp-caption-dt">'+html+'</dt><dd class="wp-caption-dd">'+caption+'</dd></dl>';
+
+                               cap = ed.dom.create('div', {'class': div_cls}, html);
+
+                               if ( P ) {
+                                       P.parentNode.insertBefore(cap, P);
+                                       if ( P.childNodes.length == 1 )
+                                               ed.dom.remove(P);
+                                       else if ( lnk && lnk.childNodes.length == 1 )
+                                               ed.dom.remove(lnk);
+                                       else ed.dom.remove(el);
+                               } else if ( pa = ed.dom.getParent(el, 'TD,TH,LI') ) {
+                                       pa.appendChild(cap);
+                                       if ( lnk && lnk.childNodes.length == 1 )
+                                               ed.dom.remove(lnk);
+                                       else ed.dom.remove(el);
+                               }
+                       }
+
+               } else {
+                       if ( DL && DIV ) {
+                               if ( f.link_href.value && (aa = ed.dom.getParent(el, 'a')) ) html = ed.dom.getOuterHTML(aa);
+                               else html = ed.dom.getOuterHTML(el);
+
+                               P = ed.dom.create('p', {}, html);
+                               DIV.parentNode.insertBefore(P, DIV);
+                               ed.dom.remove(DIV);
+                       }
+               }
+
+               if ( f.img_classes.value.indexOf('aligncenter') != -1 ) {
+                       if ( P && ( ! P.style || P.style.textAlign != 'center' ) )
+                               ed.dom.setStyle(P, 'textAlign', 'center');
+               } else {
+                       if ( P && P.style && P.style.textAlign == 'center' )
+                               ed.dom.setStyle(P, 'textAlign', '');
+               }
+
+               if ( ! f.link_href.value && A ) {
+                       b = ed.selection.getBookmark();
+                       ed.dom.remove(A, 1);
+                       ed.selection.moveToBookmark(b);
+               }
+
+               tinyMCEPopup.execCommand("mceEndUndoLevel");
+               ed.execCommand('mceRepaint');
+               tinyMCEPopup.close();
+       },
+
+       updateStyle : function(ty) {
+               var dom = tinyMCEPopup.dom, v, f = document.forms[0], img = dom.create('img', {style : f.img_style.value});
+
+               if (tinyMCEPopup.editor.settings.inline_styles) {
+                       // Handle align
+                       if (ty == 'align') {
+                               dom.setStyle(img, 'float', '');
+                               dom.setStyle(img, 'vertical-align', '');
+
+                               v = f.align.value;
+                               if (v) {
+                                       if (v == 'left' || v == 'right')
+                                               dom.setStyle(img, 'float', v);
+                                       else
+                                               img.style.verticalAlign = v;
+                               }
+                       }
+
+                       // Handle border
+                       if (ty == 'border') {
+                               dom.setStyle(img, 'border', '');
+
+                               v = f.border.value;
+                               if (v || v == '0') {
+                                       if (v == '0')
+                                               img.style.border = '0';
+                                       else
+                                               img.style.border = v + 'px solid black';
+                               }
+                       }
+
+                       // Handle hspace
+                       if (ty == 'hspace') {
+                               dom.setStyle(img, 'marginLeft', '');
+                               dom.setStyle(img, 'marginRight', '');
+
+                               v = f.hspace.value;
+                               if (v) {
+                                       img.style.marginLeft = v + 'px';
+                                       img.style.marginRight = v + 'px';
+                               }
+                       }
+
+                       // Handle vspace
+                       if (ty == 'vspace') {
+                               dom.setStyle(img, 'marginTop', '');
+                               dom.setStyle(img, 'marginBottom', '');
+
+                               v = f.vspace.value;
+                               if (v) {
+                                       img.style.marginTop = v + 'px';
+                                       img.style.marginBottom = v + 'px';
+                               }
+                       }
+
+                       // Merge
+                       f.img_style.value = dom.serializeStyle(dom.parseStyle(img.style.cssText));
+                       this.demoSetStyle();
+               }
+       },
+
+       checkVal : function(f) {
+
+               if ( f.value == '' ) {
+       //              if ( f.id == 'width' ) f.value = this.width || this.preloadImg.width;
+       //              if ( f.id == 'height' ) f.value = this.height || this.preloadImg.height;
+                       if ( f.id == 'img_src' ) f.value = this.I('img_demo').src || this.preloadImg.src;
+               }
+       },
+
+       resetImageData : function() {
+               var f = document.forms[0];
+
+               f.width.value = f.height.value = '';
+       },
+
+       updateImageData : function() {
+               var f = document.forms[0], t = wpImage, w = f.width.value, h = f.height.value;
+
+               if ( !w && h )
+                       w = f.width.value = t.width = Math.round( t.preloadImg.width / (t.preloadImg.height / h) );
+               else if ( w && !h )
+                       h = f.height.value = t.height = Math.round( t.preloadImg.height / (t.preloadImg.width / w) );
+
+               if ( !w )
+                       f.width.value = t.width = t.preloadImg.width;
+
+               if ( !h )
+                       f.height.value = t.height = t.preloadImg.height;
+
+               t.showSizeSet();
+               t.demoSetSize();
+               if ( f.img_style.value )
+                       t.demoSetStyle();
+       },
+
+       getImageData : function() {
+               var t = wpImage, f = document.forms[0];
+
+               t.preloadImg = new Image();
+               t.preloadImg.onload = t.updateImageData;
+               t.preloadImg.onerror = t.resetImageData;
+               t.preloadImg.src = tinyMCEPopup.editor.documentBaseURI.toAbsolute(f.img_src.value);
+       }
+};
+
+window.onload = function(){wpImage.init();}
+wpImage.preInit();
+