From c3afceb466a3152e6267bb3d067a4f8f2427a219 Mon Sep 17 00:00:00 2001
From: ChanMyeong <dece24@gmail.com>
Date: Fri, 1 Feb 2013 05:23:39 +0000
Subject: [PATCH] Issue 2891: Image resize addon bug fix and design
 enhancement.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12659 201d5d3c-b55e-5fd7-737f-ddc643e51545
---
 addons/resize_image/btn.png                | Bin 0 -> 1360 bytes
 addons/resize_image/iconClose.png          | Bin 1899 -> 0 bytes
 addons/resize_image/iconLeft.png           | Bin 1218 -> 0 bytes
 addons/resize_image/iconRight.png          | Bin 1266 -> 0 bytes
 addons/resize_image/js/resize_image.js     | 140 +++++++++++----------
 addons/resize_image/js/resize_image.min.js |   8 +-
 6 files changed, 78 insertions(+), 70 deletions(-)
 create mode 100644 addons/resize_image/btn.png
 delete mode 100755 addons/resize_image/iconClose.png
 delete mode 100755 addons/resize_image/iconLeft.png
 delete mode 100755 addons/resize_image/iconRight.png

diff --git a/addons/resize_image/btn.png b/addons/resize_image/btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f48acd9923a7e23cc4a00e91bc830df17545918
GIT binary patch
literal 1360
zcmZ8edpOez82&A@i`zDig*c|<E}>E`vx~{(vV%nDluOox5r)NN=DMlToDSW@A#~C>
zoszOx<<^N*y0F$<3lA+@oTPB{Pd!iH^Ss~tz3)Ho^L#It;<sB<%|HzR08O%&N5C56
z)*yyK*7o%w>Q~ZdkU|)N35OYJ5lK`4AC(YE#gOR{G-?1fBI;P;1F9<kfR$tqd=OJI
zdww+W)mDwX2wP;@x>lW@3zb6{8RlQ`JIDfrZr<dGcjGwVXEg=zS)UOBJZ18>z=n%~
z^AKrYbcV_4VK_Jj@8egeb16=LbNpKLw`pz;CKmkOAJc1yecvk`kCGoraQ>;;aAu%A
zm9mM}B7f7<ccY(9&o~gT5MrKjY1tzLSEt+^iWkV=xRad6B#|z-Y>aL)k8;=J#43m;
z8mO=#|9wC{@4fn6PZl-pK#FgA11!<T$mn^?-b2H48A8v?UC)$QyBOA6t=v=%pw=^7
zPGPCC-H>PPTMiE}dh{EY8@f&wS&Em#HYVFT3~*e1{$7o92;W=2VO^fK`!;>axeZ2#
z)+dx|dULjhi0IBXAkJwfe}P?sZ0Jn3EzD($H&!H*dd$H)6w+7@7SqHtHh?m?I;niX
zW@l&XeqGr`67zg;Qc?G{owYzabb>EkWf@EafEK+3wNm7@!VZ`05|UYk5dmGr42Ff)
zj16I;P(`#gbBoM?fDU0j&~wt@JT})pe+E`e{6Y=xh6jgb2)j1igvJ?hC;cwfWr|`N
zem(SF(&83A9$}yJQ0KP$4D4q2ON$a5SA$nWF`HD!Df0wn$aGzE4L!$X1X@8<Gxem^
zqoLoL`Qc!v4!CqI4K8J4|5LkkBIlS;w)^Af2DrDIH6#9!mT%$<$RfMa+B<Alo!ClS
z5mk}g`3_W22m~FR<Lcl}oP*A)YGZxcX@AWB!XGaXU=S@f@k_N`jX|!JORNj~QkR3P
zz3!?=+Fm<t6CJcLK!h|G+I3f`N3YL{S-iRp)E5nkRupTtU(GB;z{68WtkD@fK?HV+
zab+Uyl$)pah<Yq3&4sHdf~eoJ=?a`-)oT9PIqFFuCYNdd^IRmBX3_!u$gbupJys?&
znYaNwt*qcmClg2RQ!m{^R!0f}X~2i+t8_KM%C0`A39-=Ey$^#k-0D<uH1NZ#YOwzt
z3TA6coI9;<vtPP=Dm^Z$qeAO*FN9QkUv;|^DGP=&$`3(V`7BwlBlJ)e9O;%K-x`$`
z$mp3_v}ZLy$?HqmGyc3y961XJhV^4&Ge=#MJLFB3z1NkwF56c^c*RduJZL%HJsoMs
zWkR6&6lgHXKYL;Z97aA!Txc#IJDs6c0uTC2v|>S7%!kYyl2!q4=?@)!mm|EYETAfj
z%_Ob@gjHZ3!F*{p?O5+*T{baUnOoY(J_%*j6<5zm7=8Ukb<?KzRCtaGiOg%z>`E-6
zJYYE#WNe=YLs(pH^EvKMc%*d;Lb;$@|Bt!%l-MIMkLdt4<5?qvtAG)4E^UNf!B)|M
z5O%$_JPQ9)-oU1x5lvYh{e*34{FI?<EANtn4!Gip<;BlcZZq#aO_5=axUpM@ag0gT
zvq?F39@^!Y0=~MkTgNQ<2Dm3<D{lseLF6n|p(-)?C87k5z8L3n=cJvYN(O2Rh`c^f
z3aRw{GWBZu1{Wdm>xTl%wyR^IB0Ye92i)$=S9$<m$7#{}UZVQ4@TaZ!B@AQWHDZJh
zMu%1rYQ{SsyJH-HDP!D}vG}4!RhC#!^NsTR+e#Xib;AK}B6m|?{<+exKAGg_AtZ!z
F{s#=3MZo|7

literal 0
HcmV?d00001

diff --git a/addons/resize_image/iconClose.png b/addons/resize_image/iconClose.png
deleted file mode 100755
index 85621771311fdfb923a1c592a617e85b7f9e845a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1899
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
DXH)ij

diff --git a/addons/resize_image/iconLeft.png b/addons/resize_image/iconLeft.png
deleted file mode 100755
index 8709013bf1d68b0e51717bce65a7f4fc26d1540d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1218
zcmXX`eNYou5Pz41Kp_`Su;~RQoT3gLl!j;#slbKeNI)bZF;cZP7YQg%3RRFK6KOOW
zL9}31rb9;vcF>5lTE7N?Vx7Q<N=qbup@<1eRf;tMqaq-EvHjz{-JRY2?QeJAyfX31
z<*0v%KL7v~r6gxUxzv07nDCC9=-mPZBUhL%1mINXVxPUwpv^5@mQ^Ut&nYaXwy1zG
zJ71|HL~1Hmm8qh#wclJ-K?H_Olq{5K?kOjxrV{CbyUj%>X_aS~%5dUBE?(^*uv+@S
zPyPM<ft7Ost#n$imF#BHPY{GW7w0+VVW;Ri-GUW>FgSQjU5rmkJrW&kb<w5_8jj7r
zm7Hk+%A~!$&Zl4e5N0=*WCK4UM=F(yYyLo#5|c9k-;p)^>iPXA5ZY%A>Fhe&)z!sH
zN=jk{1qHDL0)eq-@h9usvNdmCer#<ieu0-vz1yG0?X0*BkoG3k^{RzUGMC#OZLwJR
zDXFRKvW@!5x1U-cv=npu+qRcWQ4;*>_}(!%sN%=O<TwTfLIls`GT9*^NgA9JW21`h
z4RnC)I$x=zC`v4q&d99UjmYJ4CW@j=Hk;iz0=>7a=B1HQQ3=^;5n?&x@RGZL1eE7=
zUEM5tczAgF%+ZOlt<9P>X=wo`W4#`JaIm`JQATY-bYDwxMS=(W&X4X#aGDnty_=+8
z89wq^G2W&h6PT}t5{9P(&Wf-^L0_x(pmY573wq5ZgjRZt$2@Nr7R^4r+v<9Br9vn%
zBMdA(o|T7u*{V6<?5<5T9%K0W5!FSU1pONjWo91C6~Yx*cvdrQsH6NN*5a@G@abAk
zC}3c>HoO^q((UNc@O2yp9P{q#=zzRSY*T}87+gk!7MF#rZ!Roz-Z{12*xdU8M#@Az
zW*tXHqT9N6!cHYKt=%>88=4?vQN8>2&ucgRH7h?qzZFg<S;8`o3@I9QF2n$4N1CWr
zfg1~vo3rp#NTzdyZ;>E*Grk>vrS9|`hHX8bgN8)Rm>-I4fv^XrTg?~TV#|NIaVDYG
z^KNqd^Lu9rfRV`^e9N4YmrtizAuFya4iY`8#ATB#-}jWJ4N_{gnkf`srkoV4e9dZp
z##y-VEalt;t!5hy{WH)vgU-N29#?^D5iHi{!iQ>@e#Du$Kq6ypRu)U-b@%=@*EZZP
zehDKaH^WTYx9w%YtQQY29bZ#>xC*uq!E@tz(I^}VcYvGf&2K>M><_)EtFF}V*?Al`
zHAHtCAK2k64qmLkJPhj}?ajWY@Ic5Lg(sW}FZK<+dQdUyRaBDeiV>(#9`1rF&W-!_
zrm8R+1Cs|DIe9$-t)1Sg^Z5V&h&G-MeMn1BjZfbULJAoB>)t=qTia|w>ulG4tczu$
z)vsw6L+?aHl3>SDJ+_+HRN$nE9<=RXny=DqHy6~**J6Z$oTP031U9y;Cev_oa|{`f
z-qGIvyM|8_a~N|eY#zU)gbky33I6S0v0~*NM$Vyl{TpoGo>=g_V2M9QuCQ&7{~IS-
z5>1g{3_W+`2||Ks;huHmxGo2kW>_z{4X>jRhOP9z#Rntzg{vcZqyYif^yOLSmiIk|
PpAZl&TbcYzl49q-JE`qV

diff --git a/addons/resize_image/iconRight.png b/addons/resize_image/iconRight.png
deleted file mode 100755
index 62807eb9554ca5a2a963bc7544363066d6acd97c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1266
zcmbu9Sx{3~7{|}OHwjlF5^RBp8ZV<#Dj-W;r~<h`RG^SXkVQI0lM(`ylGc?Vy9$UE
z(uP%9$N<uDWz`}AVMMlJ37rfYWJo|NK}DpZAbU?<``U+d{%8HpxBTW@=5Y@j8Cn<u
z0F1mmJ^Y}$=o?Oh{l2BalTaukjxPs*%Feyi%$IP!;q<}a)BfV{)93gng@6+#76=Ki
zANV4npO7CW`Ke0?El@6cd2o)#J`*ghuCg&Fb;FrksI-PA*h<_NF|Umfj1ug5nMR{A
zmTm`VhRI+nsia{y2qI9#WQ|xcDzUgYJ0CzKkFaQQd#Ik*5ywwjr_t5qShIfBDRNUX
z5V&U!j!qma*rJjrh5?)i_xJbb755^7BWa^_W=inn?3*DSG))a5M|)~}dU||N6#cEV
zw6u}5bzmmUtSm1oD?^(WDCLS}IJRFWB-kMsg)x?A_f6l3Q$}`n_5m)J8|>+sA-47y
z>&V`sa7kSH_~zlcx6Pw|7=yH}-xe#84Bo4&3sbAr!Rg)&FLXK`g7y{d6}u(OjQ0jb
zM*$T7-m>k{qeta(Ik7Lt<w_2<(A3nl&Dq(x>W~!)_#dj^hB;$q?ZEm>nM{Tq9X}z%
zaN;&AFeoTLEid}L^^XOS{GASYZPk~dbAiTRph%No>_vBek5-ZN$EAeeUJ5Qp#1Zj}
zvsYijIHFsA&E3%S?bmd`ATN{(Ka6!4w~Lg;)$z*<x#Lp^F6XFnmOi{TSF1|g5=w6r
z0W^Yl?{`J~Jj&H<af?4uk-HfnyC(M0lU7%#=3(+iU-}FJ&&+0#l6g(j`P+5Yo$yZo
zSp$w_q3w#fZOe`;H)Eg=oZ(e!t|pu1DnP~~t)kj?k-%tS9oyO-bM0N2pAp@xHzktO
z9^)M)>?CFibpw63p%bj4<)ObGoYFbdo~h)_<}<I&HdZCAY*e#Xzq<P+^rO7J3dYni
z{c6A_oTssRx;7bDoV;+h|Nh>=05kYN*AZ`C05vKtH6*<J6&06T?zdfBoD;X}lqIss
zNO-u0McXctia2&oJXhb_ZgAxt_Ex@w9xSb9?9YHXY86x<7OH4@!!>CL+}-1E!%kWW
z+g8zl;&T2NKPF}>sivkzvE~M>O2z2&V*vpJ$9;S*HbDS<wszGL(8Pb$_P{`GR8*9r
zv(O%LS@Fx?#~4sc1?tYu34=Q>r1$Y6KV>Q)f#cPjf=dWYf`wNx^?#_v^g+A#?`?6Q
z2SjmxZc4?Qn}jK--pQuuSxTIL_u_Dzq#)3d{&SsD{TM;<Tj}ihkJFo(?#Ew_@<U>0
z^>~LW5|^n(oAgvVM68)=O*hsqQSIuPf)O@DkACl;Vr?Q{W`GmYbmQlq>$NeO#`($a
ze0yzrrbq#K8Jik@s7wJtc`i7El&?5M%o#ixwh?O@k%hT#V-pjTP)kco7J{U39*lfC
z(JmHio0r#mx7Q2Io-EV!R<qG+b1W<1pO&R*U6<^$x10ig1lGSUzYHLcDZ@`|vyhs_
z@9I&hmK>6>V6^r9sZ*~Dcl)>+4YgyMhZF|6HKq)5;h0r-Cl(+ykm#-Ae%^Q89e!HC
N>mb+TuKS79e*s@z9?bv%

diff --git a/addons/resize_image/js/resize_image.js b/addons/resize_image/js/resize_image.js
index a815d86a4..4bf451c3e 100644
--- a/addons/resize_image/js/resize_image.js
+++ b/addons/resize_image/js/resize_image.js
@@ -9,7 +9,6 @@ var xScreen = null;
 function getScreen() {
 	var body    = $(document.body);
 	var controls, imgframe, closebtn, prevbtn, nextbtn;
-
 	// 스크린이 없으면 스크린을 만든다.
 	if (!xScreen) {
 		// 검은 스크린
@@ -33,54 +32,80 @@ function getScreen() {
 				zIndex:510
 			});
 
-		// 닫기 버튼
-		closebtn = $("<img>")
-			.attr("id", "xe_gallery_closebtn")
-			.attr("src", request_uri+"addons/resize_image/iconClose.png")
+		// 이전 버튼
+		prevbtn = $('<button type="button" id="xe_gallery_prevbtn" />')
 			.css({
-				top : "10px"
+				left: "10px",
+				backgroundPosition: "0 -64px"
+			})
+			.click(function(){xScreen.xePrev()})
+			.appendTo(controls);
+
+		// 닫기 버튼
+		closebtn = $('<button type="button" id="xe_gallery_closebtn" />')
+			.css({
+				top: "10px",
+				backgroundPosition: "0 0"
 			})
 			.click(function(){xScreen.xeHide()})
 			.appendTo(controls);
 
-		// 이전 버튼
-		prevbtn = $("<img>")
-			.attr("id", "xe_gallery_prevbtn")
-			.attr("src", request_uri+"addons/resize_image/iconLeft.png")
-			.css("left","10px")
-			.click(function(){xScreen.xePrev()})
-			.appendTo(controls);
-
 		// 다음 버튼
-		nextbtn = $("<img>")
+		nextbtn = $('<button type="button" id="xe_gallery_nextbtn" />')
 			.attr("id", "xe_gallery_nextbtn")
-			.attr("src", request_uri+"addons/resize_image/iconRight.png")
-			.css("right","10px")
+			.css({
+				right: "10px",
+				backgroundPosition: "0 -128px"
+			})
 			.click(function(){xScreen.xeNext()})
 			.appendTo(controls);
 
 		// 버튼 공통 속성
-		controls.find("img")
-			.attr({
-				width  : 60,
-				height : 60,
-				className : "iePngFix"
-			})
+		controls.find(">button")
 			.css({
 				position : "absolute",
-				width : "60px",
-				height : "60px",
+				width : "64px",
+				height : "64px",
 				zIndex : 530,
-				cursor : "pointer"
-			});
+				cursor : "pointer",
+				border : 0,
+				margin : 0,
+				padding : 0,
+				backgroundColor: "transparent",
+				backgroundImage: "url(" + request_uri + "addons/resize_image/btn.png)",
+				backgroundRepeat: "no-repeat",
+				opacity: ".5",
+				filter: "alpha(opacity=50)"
+			})
+			.mouseover(function(){
+				$(this).css({
+					opacity: "1",
+					filter: "alpha(opacity=100)"
+				});
+			})
+			.mouseout(function(){
+				$(this).css({
+					opacity: ".5",
+					filter: "alpha(opacity=50)"
+				});
+			})
+			.focus(function(){
+				$(this).trigger('mouseover');
+			})
+			.blur(function(){
+				$(this).trigger('mouseout');
+			})
+			;
 
 		// 이미지 홀더
 		imgframe = $("<img>")
 			.attr("id", "xe_gallery_holder")
 			.css({
-				border: '7px solid white',
+				border: '5px solid white',
 				zindex: 520,
-				'max-width': 'none'
+				maxWidth: 'none',
+				borderRadius: '5px',
+				boxShadow: '0 0 10px #000'
 			})
 			.appendTo(controls).draggable();
 
@@ -90,28 +115,18 @@ function getScreen() {
 		xScreen.xeShow = function() {
 			var clientWidth  = $(window).width();
 			var clientHeight = $(window).height();
-
-			$("#xe_gallery_controls,#xe_gallery_screen").css({
-				display:"block",
-				width  : $(document).width() + "px",
-				height : $(document).height() + "px",
-				left   : 0,
-				top    : 0
-				//width  : clientWidth + "px",
-				//height : clientHeight + "px",
-				// left   : $(document).scrollLeft(),
-				// top    : $(document).scrollTop()
+			$("#xe_gallery_controls,#xe_gallery_screen").show().css({
+				top		: 0,
+				right   : 0,
+				bottom	: 0,
+				left	: 0
 			});
-
-			closebtn.css("left", Math.round((clientWidth-60)/2) + "px");
-
-			$("#xe_gallery_prevbtn,#xe_gallery_nextbtn").css("top", Math.round( (clientHeight-60)/2 ) + "px");
-
+			$("#xe_gallery_prevbtn,#xe_gallery_nextbtn").css("top", Math.round(clientHeight/2 - 32) + "px");
 			this.xeMove(0);
 		};
 		xScreen.xeHide = function(event) {
-			xScreen.css("display","none");
-			controls.css("display","none");
+			xScreen.hide();
+			controls.hide();
 		};
 		xScreen.xePrev = function() {
 			this.xeMove(-1);
@@ -122,29 +137,31 @@ function getScreen() {
 		xScreen.xeMove = function(val) {
 			var clientWidth  = $(window).width();
 			var clientHeight = $(window).height();
-
 			this.index += val;
-
 			prevbtn.css("visibility", (this.index>0)?"visible":"hidden");
 			nextbtn.css("visibility", (this.index<this.list.size()-1)?"visible":"hidden");
-
             //textyle 이미지 리사이즈 처리
             var src = this.list.eq(this.index).attr("rawsrc");
             if(!src) src = this.list.eq(this.index).attr("src");
-
 			imgframe.attr("src", src).css({
 				left : Math.round( parseInt($(document).scrollLeft()) + (clientWidth-imgframe.width()-14)/2, 0 ) + "px",
-				top  : Math.round( parseInt($(document).scrollTop()) + (clientHeight-imgframe.height()-14)/2, 0 ) + "px"
+				top  : Math.round( (clientHeight-imgframe.height()-14)/2, 0 ) + "px"
 			});
-
 			closebtn.css({
 				left : Math.round( Math.max( parseInt($(document).scrollLeft()) + (clientWidth-closebtn.width())/2, 0 ) ) + "px",
-				top  : Math.round( Math.max( parseInt($(document).scrollTop()) + 10, 0 ) ) + "px"
-			});
+				top  : "10px"
+			}).focus();
 		};
 
 		// 스크린을 닫는 상황
-		$(document).keydown(xScreen.xeHide);
+		$(document).keydown(function(e){
+			if(e.which == 27){
+				xScreen.xeHide();
+				return false;
+			} else {
+				return true;
+			}
+		});
 	} else {
 		controls = $("#xe_gallery_controls");
 		imgframe = $("#xe_gallery_holder");
@@ -152,7 +169,6 @@ function getScreen() {
 		prevbtn  = $("#xe_gallery_prevbtn");
 		nextbtn  = $("#xe_gallery_nextbtn");
 	}
-
 	return xScreen;
 }
 
@@ -169,15 +185,15 @@ function slideshow(event) {
 	xScreen.xeShow();
 }
 
-/* DOM READY */
-$(function() {
+/* Window Load */
+$(window).load(function(){
 	var regx_skip = /(?:(modules|addons|classes|common|layouts|libs|widgets|widgetstyles)\/)/i;
 	var regx_allow_i6pngfix = /(?:common\/tpl\/images\/blank\.gif$)/i;
 	/**
 	 * 본문 폭 구하기 위한 개체
 	 * IE6에서 본문폭을 넘는 이미지가 있으면 그 크기로 구해지는 문제 우회용
 	 **/
-	var dummy = $('<div style="height:1; overflow:hidden; opacity:0; display:block; clear:both;"></div>');
+	var dummy = $('<div style="height:1px;overflow:hidden;opacity:0;display:block;clear:both"></div>');
 
 	/**
 	 * 리사이즈 실행 함수
@@ -211,7 +227,7 @@ $(function() {
 			});
 	}
 
-	$('div.xe_content').each(function() {
+	$('.xe_content').each(function() {
 		var contentWidth = dummy.appendTo(this).width();
 		dummy.remove();
 		if(!contentWidth) return;
@@ -220,9 +236,7 @@ $(function() {
 			var $img = $(this);
 			var imgSrc = $img.attr('src');
 			if(regx_skip.test(imgSrc) && !regx_allow_i6pngfix.test(imgSrc)) return;
-
 			$img.attr('rel', 'xe_gallery');
-
 			doResize.call($img, contentWidth);
 		});
 
diff --git a/addons/resize_image/js/resize_image.min.js b/addons/resize_image/js/resize_image.min.js
index 66b40a06a..87ccf4e0e 100644
--- a/addons/resize_image/js/resize_image.min.js
+++ b/addons/resize_image/js/resize_image.min.js
@@ -1,7 +1 @@
-/**
- * @brief 화면내에서 상위 영역보다 이미지가 크면 리사이즈를 하고 클릭시 원본을 보여줄수 있도록 변경
- **/
-(function($){var xScreen=null
-function getScreen(){var body=$(document.body),controls,imgframe,closebtn,prevbtn,nextbtn;if(!xScreen){xScreen=$("<div>").attr("id","xe_gallery_screen").css({position:"fixed",display:"none",backgroundColor:"black",zIndex:500,opacity:0.7});controls=$("<div>").attr("id","xe_gallery_controls").css({position:"fixed",display:"none",overflow:"hidden",zIndex:510});closebtn=$("<img>").attr("id","xe_gallery_closebtn").attr("src",request_uri+"addons/resize_image/iconClose.png").css({top:"10px"}).click(function(){xScreen.xeHide()}).appendTo(controls);prevbtn=$("<img>").attr("id","xe_gallery_prevbtn").attr("src",request_uri+"addons/resize_image/iconLeft.png").css("left","10px").click(function(){xScreen.xePrev()}).appendTo(controls);nextbtn=$("<img>").attr("id","xe_gallery_nextbtn").attr("src",request_uri+"addons/resize_image/iconRight.png").css("right","10px").click(function(){xScreen.xeNext()}).appendTo(controls);controls.find("img").attr({width:60,height:60,className:"iePngFix"}).css({position:"absolute",width:"60px",height:"60px",zIndex:530,cursor:"pointer"});imgframe=$("<img>").attr("id","xe_gallery_holder").css({border:'7px solid white',zindex:520,'max-width':'none'}).appendTo(controls).draggable();body.append(xScreen).append(controls);xScreen.xeShow=function(){var clientWidth=$(window).width(),clientHeight=$(window).height();$("#xe_gallery_controls,#xe_gallery_screen").css({display:"block",width:$(document).width()+"px",height:$(document).height()+"px",left:0,top:0});closebtn.css("left",Math.round((clientWidth-60)/2)+"px");$("#xe_gallery_prevbtn,#xe_gallery_nextbtn").css("top",Math.round((clientHeight-60)/2)+"px");this.xeMove(0)};xScreen.xeHide=function(event){xScreen.css("display","none");controls.css("display","none")};xScreen.xePrev=function(){this.xeMove(-1)};xScreen.xeNext=function(){this.xeMove(1)};xScreen.xeMove=function(val){var clientWidth=$(window).width(),clientHeight=$(window).height();this.index+=val;prevbtn.css("visibility",(this.index>0)?"visible":"hidden");nextbtn.css("visibility",(this.index<this.list.size()-1)?"visible":"hidden");var src=this.list.eq(this.index).attr("rawsrc");if(!src)src=this.list.eq(this.index).attr("src");imgframe.attr("src",src).css({left:Math.round(parseInt($(document).scrollLeft())+(clientWidth-imgframe.width()-14)/2,0)+"px",top:Math.round(parseInt($(document).scrollTop())+(clientHeight-imgframe.height()-14)/2,0)+"px"});closebtn.css({left:Math.round(Math.max(parseInt($(document).scrollLeft())+(clientWidth-closebtn.width())/2,0))+"px",top:Math.round(Math.max(parseInt($(document).scrollTop())+10,0))+"px"})};$(document).keydown(xScreen.xeHide)}else{controls=$("#xe_gallery_controls");imgframe=$("#xe_gallery_holder");closebtn=$("#xe_gallery_closebtn");prevbtn=$("#xe_gallery_prevbtn");nextbtn=$("#xe_gallery_nextbtn")};return xScreen}
-function slideshow(event){var container=$(this).closest('.xe_content'),imglist=container.find("img[rel=xe_gallery]"),currentIdx=$.inArray($(this).get(0),imglist.get()),xScreen=getScreen();xScreen.list=imglist;xScreen.index=currentIdx;xScreen.xeShow()};$(function(){var regx_skip=/(?:(modules|addons|classes|common|layouts|libs|widgets|widgetstyles)\/)/i,regx_allow_i6pngfix=/(?:common\/tpl\/images\/blank\.gif$)/i,dummy=$('<div style="height:1; overflow:hidden; opacity:0; display:block; clear:both;"></div>')
-function doResize(contentWidth,count){if(!count)count=0;if(count>=10)return;var $img=this,beforSize={width:$img.width(),height:$img.height()};if(!beforSize.width||!beforSize.height){setTimeout(function(){doResize.call($img,contentWidth,++count)},200);return};if(beforSize.width<=contentWidth)return;var resize_ratio=contentWidth/beforSize.width;$img.removeAttr('width').removeAttr('height').css({width:contentWidth,height:parseInt(beforSize.height*resize_ratio,10)})};$('div.xe_content').each(function(){var contentWidth=dummy.appendTo(this).width();dummy.remove();if(!contentWidth)return;$('img',this).each(function(){var $img=$(this),imgSrc=$img.attr('src');if(regx_skip.test(imgSrc)&&!regx_allow_i6pngfix.test(imgSrc))return;$img.attr('rel','xe_gallery');doResize.call($img,contentWidth)});$('img[rel=xe_gallery]',this).live('mouseover',function(){var $img=$(this);if(!$img.parent('a').length&&!$img.attr('onclick'))$img.css('cursor','pointer').click(slideshow)})})})})(jQuery)
\ No newline at end of file
+(function(c){var d=null;function a(){var g=c(document.body);var h,f,e,j,i;if(!d){d=c("<div>").attr("id","xe_gallery_screen").css({position:"fixed",display:"none",backgroundColor:"black",zIndex:500,opacity:0.7});h=c("<div>").attr("id","xe_gallery_controls").css({position:"fixed",display:"none",overflow:"hidden",zIndex:510});j=c('<button type="button" id="xe_gallery_prevbtn" />').css({left:"10px",backgroundPosition:"0 -64px"}).click(function(){d.xePrev()}).appendTo(h);e=c('<button type="button" id="xe_gallery_closebtn" />').css({top:"10px",backgroundPosition:"0 0"}).click(function(){d.xeHide()}).appendTo(h);i=c('<button type="button" id="xe_gallery_nextbtn" />').attr("id","xe_gallery_nextbtn").css({right:"10px",backgroundPosition:"0 -128px"}).click(function(){d.xeNext()}).appendTo(h);h.find(">button").css({position:"absolute",width:"64px",height:"64px",zIndex:530,cursor:"pointer",border:0,margin:0,padding:0,backgroundColor:"transparent",backgroundImage:"url("+request_uri+"addons/resize_image/btn.png)",backgroundRepeat:"no-repeat",opacity:".5",filter:"alpha(opacity=50)"}).mouseover(function(){c(this).css({opacity:"1",filter:"alpha(opacity=100)"})}).mouseout(function(){c(this).css({opacity:".5",filter:"alpha(opacity=50)"})}).focus(function(){c(this).trigger("mouseover")}).blur(function(){c(this).trigger("mouseout")});f=c("<img>").attr("id","xe_gallery_holder").css({border:"5px solid white",zindex:520,maxWidth:"none",borderRadius:"5px",boxShadow:"0 0 10px #000"}).appendTo(h).draggable();g.append(d).append(h);d.xeShow=function(){var l=c(window).width();var k=c(window).height();c("#xe_gallery_controls,#xe_gallery_screen").show().css({top:0,right:0,bottom:0,left:0});c("#xe_gallery_prevbtn,#xe_gallery_nextbtn").css("top",Math.round(k/2-32)+"px");this.xeMove(0)};d.xeHide=function(k){d.hide();h.hide()};d.xePrev=function(){this.xeMove(-1)};d.xeNext=function(){this.xeMove(1)};d.xeMove=function(n){var m=c(window).width();var k=c(window).height();this.index+=n;j.css("visibility",(this.index>0)?"visible":"hidden");i.css("visibility",(this.index<this.list.size()-1)?"visible":"hidden");var l=this.list.eq(this.index).attr("rawsrc");if(!l){l=this.list.eq(this.index).attr("src")}f.attr("src",l).css({left:Math.round(parseInt(c(document).scrollLeft())+(m-f.width()-14)/2,0)+"px",top:Math.round((k-f.height()-14)/2,0)+"px"});e.css({left:Math.round(Math.max(parseInt(c(document).scrollLeft())+(m-e.width())/2,0))+"px",top:"10px"}).focus()};c(document).keydown(function(k){if(k.which==27){d.xeHide();return false}else{return true}})}else{h=c("#xe_gallery_controls");f=c("#xe_gallery_holder");e=c("#xe_gallery_closebtn");j=c("#xe_gallery_prevbtn");i=c("#xe_gallery_nextbtn")}return d}function b(h){var f=c(this).closest(".xe_content");var e=f.find("img[rel=xe_gallery]");var g=c.inArray(c(this).get(0),e.get());var i=a();i.list=e;i.index=g;i.xeShow()}c(window).load(function(){var g=/(?:(modules|addons|classes|common|layouts|libs|widgets|widgetstyles)\/)/i;var f=/(?:common\/tpl\/images\/blank\.gif$)/i;var h=c('<div style="height:1px;overflow:hidden;opacity:0;display:block;clear:both"></div>');function e(k,m){if(!m){m=0}if(m>=10){return}var l=this;var j={width:l.width(),height:l.height()};if(!j.width||!j.height){setTimeout(function(){e.call(l,k,++m)},200);return}if(j.width<=k){return}var i=k/j.width;l.removeAttr("width").removeAttr("height").css({width:k,height:parseInt(j.height*i,10)})}c(".xe_content").each(function(){var i=h.appendTo(this).width();h.remove();if(!i){return}c("img",this).each(function(){var j=c(this);var k=j.attr("src");if(g.test(k)&&!f.test(k)){return}j.attr("rel","xe_gallery");e.call(j,i)});c("img[rel=xe_gallery]",this).live("mouseover",function(){var j=c(this);if(!j.parent("a").length&&!j.attr("onclick")){j.css("cursor","pointer").click(b)}})})})})(jQuery);
\ No newline at end of file