From 06def14a1c45a1057e57176e1eedf69fbab1f73d Mon Sep 17 00:00:00 2001
From: unknown <D:\mail>
Date: Wed, 25 Jul 2012 13:28:58 +0200
Subject: [PATCH] help for 'ordre images' widget

---
 .../Etudier.wgt/img/slate-help-white.png      | Bin 0 -> 553 bytes
 .../Etudier.wgt/img/slate-help.png            | Bin 0 -> 1795 bytes
 .../Ordre images.wgt/css/basic.css            |  31 +++++++++++++++---
 .../Ordre images.wgt/img/slate-help-white.png | Bin 0 -> 553 bytes
 .../Ordre images.wgt/img/slate-help.png       | Bin 0 -> 1795 bytes
 .../Ordre images.wgt/index.html               |   8 +++--
 .../Ordre images.wgt/js/script.js             |  29 ++++++++++++++--
 .../Ordre images.wgt/locales/fr/index.html    |   2 ++
 .../Ordre images.wgt/locales/fr/js/script.js  |  31 +++++++++++++++---
 .../Ordre images.wgt/locales/ru/index.html    |   2 ++
 .../Ordre images.wgt/locales/ru/js/script.js  |  30 +++++++++++++++--
 11 files changed, 115 insertions(+), 18 deletions(-)
 create mode 100644 resources/library/interactivities/Etudier.wgt/img/slate-help-white.png
 create mode 100644 resources/library/interactivities/Etudier.wgt/img/slate-help.png
 create mode 100644 resources/library/interactivities/Ordre images.wgt/img/slate-help-white.png
 create mode 100644 resources/library/interactivities/Ordre images.wgt/img/slate-help.png

diff --git a/resources/library/interactivities/Etudier.wgt/img/slate-help-white.png b/resources/library/interactivities/Etudier.wgt/img/slate-help-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b5ebfd8d29a9283767b2a42ff801178434f729d
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz%Sl8*RCwBA{Qv(y!$1Nih5-fx?f@2i
zl8lUuDEx*bdj}wu0K@@6%#S4X5r{Vc@q&hV2M@pmiHTlDe2QQW09q^nGF(C3z~8{e
zgF(a4mVup<8?Nr>_pb~$&L3vDaAXI=gPRvNf*c8S$Ood*7f2B<470o|&+qb$b4UIY
z13>CP>OuPOnGLstkOR8%{g1qObmu=Q0HhwIk75S^eUb3s#)bdn0FXYAeu^Bhd-aTS
z|0w`a{dn!bn+;`^bqp!VV#MfYB#=_6QA{$9mV`ss0iQp-IZBD)pWhRqpFlQo_)i&d
zptvOb{rlHea%_g`qr4~v(gJ_~{<%zw<xut1sS99^0M>YKh_U?Zrw@-n>WPS6;vE1r
zEP==XNFXwOfiY3-0T}r6=l54;W)?17>VZN3jfI7ko0J9#3n|%Z%fg=f0wNOHxa2>)
zd2yfQyh>~ofWWf{H{at6dyqT{S)6cfhz|IL#UD~4PjM7%n%~7BDX)rC{`te(3^a`b
zU{mWgfu`7NQlo$*2LQ!35XgcXNOb^7*$@Qgcjh%IY8cj{i{HO-zB#dcQXRSjs2T-O
r^#wS5UqE6-M>qsV8zl4q009O7eJ4TJ=dcL@00000NkvXXu0mjfuXXIg

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Etudier.wgt/img/slate-help.png b/resources/library/interactivities/Etudier.wgt/img/slate-help.png
new file mode 100644
index 0000000000000000000000000000000000000000..069052d0061dacbeaa3bd022259a5db0e37a9f16
GIT binary patch
literal 1795
zcmaJ?Yfuws6kQ%FAfUs`V%6>}AZQ`UCO}LiA%P?U8VVsuP)1ymg+xd;B#Q|FDK9}0
z8N@1s4oc9DRuQEwqAdt&i&AZiqUGTrC}=y1Kv4#(6uUvd{wUp<-S08yoO|y5?l-$P
zB7B3L&2k$60PI3Tcp_p1O|R8L;;S_nUJ-*U&X?d(SR$@NG$_E8VF@T0szj1d5sJvt
zQ`^u00I&cRVhJu0ZemI?B?&QMNP4B3U;{uvpk9qglTjQ@K$8?I7BupGGXyGREGWiL
zND-=oQMn?-ph2Sy;bN&FS;~+>fow29&m;ttD2{-7Wr|A6)U%*zT_!O%ZIdBz8iFUY
zp!cRE!U!-J)1aUqiQ*%r_)|cCm;}>&>2$g`NTt9OGKETpsXj2BNux3;6maH&h-eyF
zB2&Z@%)}yAEJ%*yY9^Vi)9FY$8VS=RkzoddVbY*deF%h)HeH1ydLNb6ZB~JYYNZ;5
z8dqQ{(4>eYU}-oDBAmWYL8+dTRcU9+L==pyN7Q7PL@}i_3ls|fAF5Q&p|!XO{owaM
zg|*^zHA)ttS}aW?B@Qmp%@j(_4A!6sj%magmNHw#2swshS~;c$gQNVw7==oP>9o^m
zp^zD>(&C6piiYx75Wy!Y6f!2mpC*8P>ApOe0mCpK=K8_G!Twxs5TDNA(ip+BTplJ(
zQ=%$-mMi<f^_!P#Y6PX4h|EJZik+xTpuv>jbiz!<{9dT@>dkOv^LwGq%Ow+L$fjfc
z*D=p-5xrxY&NVHum}`4fMfAFcXlh6v9!K1j^iUpGtnV3$5y~C8A65R{=k6<1bcmgb
z?mN|=s;;Z^5Y<6m{Ptj@$lGSs$wiU8(e`6JABgn|`eLnNyubI1hs)$;v0>?FVWiE;
zJCr@EkEZPGY&6FI5$e#ek(5Qbok**gxI!N}T47Z(aA8Zq%^fTJJi!>+>*0vb=(bdW
zQ)`cVB<DhqvBmpAYD(<XHTU$frw1Dx@84b{ew_2?qhp&7F-CZ2yPzV-LQN_kXsUgl
zY5Q}O(+?xDw~G1<Z`k!dmcw?shG!)&WAT&{S**)Jv|<9}tlhp!*dbvbPxA1v-Ow@7
ztM@I}yfAC_B6THl%iZ@n@8eJXLa{CQRSssaGJ~?3kGFXs`9WD%>#c7TK8~u9FEq=w
zjgCeo=0L6`aA#nBaSjz!Jn(;cHf(fi_wbq+%OgQoxj=#_8|f8x4DtZM+V-SkzJ)Qx
z|JL%nw7goYnsYU;+uvrg*<V$AO}e^sY^r1&y?I3*U}Z!*sq7d_fD?QD1@I%yjO$!_
zEo01VQ%HVXMt0c#q^L3{5LgHUQ6Bvn5TITjWxcoAp{k9WKlrr%io!SBcy$lJ&$be0
zGi#mq2u`fn^V9yg@GMTR+v%wTaJ2Q|nx>}Sl{vk4nq1j(+WN9(W@MmLwt67aBRfL&
zdr9%9=7*t@G#no-4pD6?3G3Rj0L(+H(d+9b!`tt{om*3%{Z;wp<!;%!%5W_t+3LMG
zXTVkCCZ#60J0PqZhR=tYyPCSkH#c6IbldrCh~egBbLh!}r2&A09Nevw*k?~v1|XRm
z$*mV(_)b!Gor_L8dH#IjHk)rdjLPWT%=R>QRYh5oXO;qb@|}&BeSBtV*>m%b98Oi7
z9Z<Ne-L1;%$iuGJmqepQ&R%aHbt@Nb11-viz#JF*!q^8br~AA2%b$*?WbGPn5JczH
z7ea%Jxsfm3EKWS^wf5sjnh7$1l_H+k-Fqhu2G5~@E`^h(U`fSwb?Hi0OWhL7kAn(M
zS(ddiE*^+|vX$JsSRUUZ47rP6eAigmId(YY8^QWdIEbLsc;d2=eLDRN$NPYU+0oZW
z4GfHD+i`(Yh_{P$-}6>cy=DH6cSl%_cgub0zd7DKmf6xU@a7G@+%tZ~xY&$WO|Q%B
zZ%=Lgx;ac&ztrAhYO3SL;8^n{&0*>t<D6ekpt&v3gN~O|9qTdEZz+@?&Z`aDp8F4m
CsjWKz

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Ordre images.wgt/css/basic.css b/resources/library/interactivities/Ordre images.wgt/css/basic.css
index 5ee47f9a..cc891579 100644
--- a/resources/library/interactivities/Ordre images.wgt/css/basic.css	
+++ b/resources/library/interactivities/Ordre images.wgt/css/basic.css	
@@ -4,6 +4,7 @@ html, body{
     margin: 0;
     padding: 0;    
     border-radius: 50px;
+    overflow: hidden;
 }
 
 body{
@@ -240,7 +241,6 @@ body{
 
 #wgt_name{
     height: 44px;
-    width: 300px;
     margin: 10px 10px 0 10px;
     padding: 0;
     float: left;
@@ -249,9 +249,8 @@ body{
     color: #8c5730;
 }
 
-#wgt_reload, #wgt_edit, #wgt_display{
+#wgt_reload, #wgt_edit, #wgt_display, #wgt_help{
     cursor: pointer;
-    width: 80px;
     height: 44px;
     margin: 10px 10px 0 0;
     float: right;
@@ -261,7 +260,6 @@ body{
 }
 
 #wgt_display{
-    width: 100px;
     padding-left: 40px;
     background-image: url(../img/slate-edit.png);
     background-repeat: no-repeat;
@@ -270,7 +268,6 @@ body{
 }
 
 #wgt_edit{    
-    width: 100px;
     padding-left: 40px;
     background-image: url(../img/slate-edit.png);
     background-repeat: no-repeat;
@@ -362,4 +359,28 @@ body{
     background-color: #333 !important;
     color: white !important;
     background-image: url(../img/ar_down_white.png) !important;
+}
+
+.pad_help{
+    background-image: url(../img/slate-help-white.png) !important;
+}
+
+#wgt_help{
+    padding-left: 32px;
+    background-image: url(../img/slate-help.png);
+    background-repeat: no-repeat;
+    background-position: top 0;
+}
+
+#help{
+    width: 100%;
+    height: 100%;    
+    overflow: auto;
+    display: none;
+    background-color: #ccc;
+    padding: 5px;
+}
+
+.open{
+    
 }
\ No newline at end of file
diff --git a/resources/library/interactivities/Ordre images.wgt/img/slate-help-white.png b/resources/library/interactivities/Ordre images.wgt/img/slate-help-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b5ebfd8d29a9283767b2a42ff801178434f729d
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz%Sl8*RCwBA{Qv(y!$1Nih5-fx?f@2i
zl8lUuDEx*bdj}wu0K@@6%#S4X5r{Vc@q&hV2M@pmiHTlDe2QQW09q^nGF(C3z~8{e
zgF(a4mVup<8?Nr>_pb~$&L3vDaAXI=gPRvNf*c8S$Ood*7f2B<470o|&+qb$b4UIY
z13>CP>OuPOnGLstkOR8%{g1qObmu=Q0HhwIk75S^eUb3s#)bdn0FXYAeu^Bhd-aTS
z|0w`a{dn!bn+;`^bqp!VV#MfYB#=_6QA{$9mV`ss0iQp-IZBD)pWhRqpFlQo_)i&d
zptvOb{rlHea%_g`qr4~v(gJ_~{<%zw<xut1sS99^0M>YKh_U?Zrw@-n>WPS6;vE1r
zEP==XNFXwOfiY3-0T}r6=l54;W)?17>VZN3jfI7ko0J9#3n|%Z%fg=f0wNOHxa2>)
zd2yfQyh>~ofWWf{H{at6dyqT{S)6cfhz|IL#UD~4PjM7%n%~7BDX)rC{`te(3^a`b
zU{mWgfu`7NQlo$*2LQ!35XgcXNOb^7*$@Qgcjh%IY8cj{i{HO-zB#dcQXRSjs2T-O
r^#wS5UqE6-M>qsV8zl4q009O7eJ4TJ=dcL@00000NkvXXu0mjfuXXIg

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Ordre images.wgt/img/slate-help.png b/resources/library/interactivities/Ordre images.wgt/img/slate-help.png
new file mode 100644
index 0000000000000000000000000000000000000000..069052d0061dacbeaa3bd022259a5db0e37a9f16
GIT binary patch
literal 1795
zcmaJ?Yfuws6kQ%FAfUs`V%6>}AZQ`UCO}LiA%P?U8VVsuP)1ymg+xd;B#Q|FDK9}0
z8N@1s4oc9DRuQEwqAdt&i&AZiqUGTrC}=y1Kv4#(6uUvd{wUp<-S08yoO|y5?l-$P
zB7B3L&2k$60PI3Tcp_p1O|R8L;;S_nUJ-*U&X?d(SR$@NG$_E8VF@T0szj1d5sJvt
zQ`^u00I&cRVhJu0ZemI?B?&QMNP4B3U;{uvpk9qglTjQ@K$8?I7BupGGXyGREGWiL
zND-=oQMn?-ph2Sy;bN&FS;~+>fow29&m;ttD2{-7Wr|A6)U%*zT_!O%ZIdBz8iFUY
zp!cRE!U!-J)1aUqiQ*%r_)|cCm;}>&>2$g`NTt9OGKETpsXj2BNux3;6maH&h-eyF
zB2&Z@%)}yAEJ%*yY9^Vi)9FY$8VS=RkzoddVbY*deF%h)HeH1ydLNb6ZB~JYYNZ;5
z8dqQ{(4>eYU}-oDBAmWYL8+dTRcU9+L==pyN7Q7PL@}i_3ls|fAF5Q&p|!XO{owaM
zg|*^zHA)ttS}aW?B@Qmp%@j(_4A!6sj%magmNHw#2swshS~;c$gQNVw7==oP>9o^m
zp^zD>(&C6piiYx75Wy!Y6f!2mpC*8P>ApOe0mCpK=K8_G!Twxs5TDNA(ip+BTplJ(
zQ=%$-mMi<f^_!P#Y6PX4h|EJZik+xTpuv>jbiz!<{9dT@>dkOv^LwGq%Ow+L$fjfc
z*D=p-5xrxY&NVHum}`4fMfAFcXlh6v9!K1j^iUpGtnV3$5y~C8A65R{=k6<1bcmgb
z?mN|=s;;Z^5Y<6m{Ptj@$lGSs$wiU8(e`6JABgn|`eLnNyubI1hs)$;v0>?FVWiE;
zJCr@EkEZPGY&6FI5$e#ek(5Qbok**gxI!N}T47Z(aA8Zq%^fTJJi!>+>*0vb=(bdW
zQ)`cVB<DhqvBmpAYD(<XHTU$frw1Dx@84b{ew_2?qhp&7F-CZ2yPzV-LQN_kXsUgl
zY5Q}O(+?xDw~G1<Z`k!dmcw?shG!)&WAT&{S**)Jv|<9}tlhp!*dbvbPxA1v-Ow@7
ztM@I}yfAC_B6THl%iZ@n@8eJXLa{CQRSssaGJ~?3kGFXs`9WD%>#c7TK8~u9FEq=w
zjgCeo=0L6`aA#nBaSjz!Jn(;cHf(fi_wbq+%OgQoxj=#_8|f8x4DtZM+V-SkzJ)Qx
z|JL%nw7goYnsYU;+uvrg*<V$AO}e^sY^r1&y?I3*U}Z!*sq7d_fD?QD1@I%yjO$!_
zEo01VQ%HVXMt0c#q^L3{5LgHUQ6Bvn5TITjWxcoAp{k9WKlrr%io!SBcy$lJ&$be0
zGi#mq2u`fn^V9yg@GMTR+v%wTaJ2Q|nx>}Sl{vk4nq1j(+WN9(W@MmLwt67aBRfL&
zdr9%9=7*t@G#no-4pD6?3G3Rj0L(+H(d+9b!`tt{om*3%{Z;wp<!;%!%5W_t+3LMG
zXTVkCCZ#60J0PqZhR=tYyPCSkH#c6IbldrCh~egBbLh!}r2&A09Nevw*k?~v1|XRm
z$*mV(_)b!Gor_L8dH#IjHk)rdjLPWT%=R>QRYh5oXO;qb@|}&BeSBtV*>m%b98Oi7
z9Z<Ne-L1;%$iuGJmqepQ&R%aHbt@Nb11-viz#JF*!q^8br~AA2%b$*?WbGPn5JczH
z7ea%Jxsfm3EKWS^wf5sjnh7$1l_H+k-Fqhu2G5~@E`^h(U`fSwb?Hi0OWhL7kAn(M
zS(ddiE*^+|vX$JsSRUUZ47rP6eAigmId(YY8^QWdIEbLsc;d2=eLDRN$NPYU+0oZW
z4GfHD+i`(Yh_{P$-}6>cy=DH6cSl%_cgub0zd7DKmf6xU@a7G@+%tZ~xY&$WO|Q%B
zZ%=Lgx;ac&ztrAhYO3SL;8^n{&0*>t<D6ekpt&v3gN~O|9qTdEZz+@?&Z`aDp8F4m
CsjWKz

literal 0
HcmV?d00001

diff --git a/resources/library/interactivities/Ordre images.wgt/index.html b/resources/library/interactivities/Ordre images.wgt/index.html
index 4719f037..53ab2c3d 100644
--- a/resources/library/interactivities/Ordre images.wgt/index.html	
+++ b/resources/library/interactivities/Ordre images.wgt/index.html	
@@ -48,6 +48,7 @@
                 <td class="b_top_left">&nbsp;</td>
                 <td class="b_top_center">
                     <div id="wgt_name"></div>
+                    <div id="wgt_help"></div> 
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
@@ -59,17 +60,18 @@
                 </td>
                 <td class="b_top_right">&nbsp;</td>
             </tr>
-
+       
             <tr>
                 <td class="b_center_left">&nbsp;</td>
                 <td>
+                    <div id="help"></div>
                     <div id="data">
-
+                        
                     </div>
                 </td>
                 <td class="b_center_right">&nbsp;</td>
             </tr>     
-
+        
             <tr style="height: 54px;">
                 <td class="b_bottom_left">&nbsp;</td>
                 <td class="b_bottom_center">&nbsp;</td>
diff --git a/resources/library/interactivities/Ordre images.wgt/js/script.js b/resources/library/interactivities/Ordre images.wgt/js/script.js
index 791b9d28..f0a4ca0c 100644
--- a/resources/library/interactivities/Ordre images.wgt/js/script.js	
+++ b/resources/library/interactivities/Ordre images.wgt/js/script.js	
@@ -8,7 +8,9 @@ var sankoreLang = {
     reload: "Reload",
     slate: "Wood",
     pad: "Pad",
-    none: "None"
+    none: "None",
+    help: "Help",
+    help_content: "This is an example of help content ..."
 };
 
 //main function
@@ -18,6 +20,8 @@ function start(){
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_name").text(sankoreLang.wgt_name);
     $("#wgt_reload").text(sankoreLang.reload);
+    $("#wgt_help").text(sankoreLang.help);
+    $("#help").html(sankoreLang.help_content);
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
     $(".style_select option[value='3']").text(sankoreLang.none);
@@ -40,6 +44,21 @@ function start(){
         }
     }
     
+    $("#wgt_help").click(function(){
+        var tmp = $(this);
+        if($(this).hasClass("open")){
+            $("#help").slideUp("100", function(){
+                tmp.removeClass("open");
+                $("#data").show();
+            });
+        } else {            
+            $("#data").hide();
+            $("#help").slideDown("100", function(){
+                tmp.addClass("open");
+            });
+        }
+    });
+    
     $("#wgt_reload").click(function(){
         if($("#wgt_display").hasClass("selected")){
             $("#wgt_edit").trigger("click");
@@ -255,7 +274,7 @@ function importData(data){
             for(var j in data[i].imgs){
                 var img_block = $("<div class='img_block' style='text-align: center;'>");
                 var img = $("<img src='" + data[i].imgs[j].link + "' style='display: inline;'>");
-                img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd);
+                img.height(data[i].imgs[j].ht);
                 if((120 - data[i].imgs[j].ht) > 0)
                     img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0");
                 var hidden_input = $("<input type='hidden'>").val(data[i].imgs[j].value);
@@ -430,6 +449,7 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
+            $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
             $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
@@ -446,6 +466,7 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
@@ -461,6 +482,7 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
@@ -500,9 +522,10 @@ function onDropTarget(obj, event) {
                 tmp_img.attr("height", "120");
             else{
                 tmp_img.attr("width","120");
+                var h = tmp_img.height();
+                tmp_img.attr("height",h);
                 tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0");
             }
-            exportData();
         }, 6)
     }
     else {
diff --git a/resources/library/interactivities/Ordre images.wgt/locales/fr/index.html b/resources/library/interactivities/Ordre images.wgt/locales/fr/index.html
index 144a3b3a..6151ae43 100644
--- a/resources/library/interactivities/Ordre images.wgt/locales/fr/index.html	
+++ b/resources/library/interactivities/Ordre images.wgt/locales/fr/index.html	
@@ -22,6 +22,7 @@
                 <td class="b_top_left">&nbsp;</td>
                 <td class="b_top_center">
                     <div id="wgt_name"></div>
+                    <div id="wgt_help"></div> 
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
@@ -37,6 +38,7 @@
             <tr>
                 <td class="b_center_left">&nbsp;</td>
                 <td>
+                    <div id="help"></div>
                     <div id="data">
                         
                     </div>
diff --git a/resources/library/interactivities/Ordre images.wgt/locales/fr/js/script.js b/resources/library/interactivities/Ordre images.wgt/locales/fr/js/script.js
index 02b392b9..c0620f09 100644
--- a/resources/library/interactivities/Ordre images.wgt/locales/fr/js/script.js	
+++ b/resources/library/interactivities/Ordre images.wgt/locales/fr/js/script.js	
@@ -9,7 +9,9 @@ var sankoreLang = {
     reload: "Recharger",
     slate: "ardoise",
     pad: "tablette",
-    none: "aucun"
+    none: "aucun",
+    help: "aide",
+    help_content: "Ceci est un exemple de contenu de l'aide ..."
 };
 
 //main function
@@ -19,6 +21,8 @@ function start(){
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_name").text(sankoreLang.wgt_name);
     $("#wgt_reload").text(sankoreLang.reload);
+    $("#wgt_help").text(sankoreLang.help);
+    $("#help").html(sankoreLang.help_content);
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
     $(".style_select option[value='3']").text(sankoreLang.none);
@@ -41,6 +45,21 @@ function start(){
         }
     }
     
+    $("#wgt_help").click(function(){
+        var tmp = $(this);
+        if($(this).hasClass("open")){
+            $("#help").slideUp("100", function(){
+                tmp.removeClass("open");
+                $("#data").show();
+            });
+        } else {            
+            $("#data").hide();
+            $("#help").slideDown("100", function(){
+                tmp.addClass("open");
+            });
+        }
+    });
+    
     $("#wgt_reload").click(function(){
         if($("#wgt_display").hasClass("selected")){
             $("#wgt_edit").trigger("click");
@@ -248,7 +267,7 @@ function importData(data){
             for(var j in data[i].imgs){
                 var img_block = $("<div class='img_block' style='text-align: center;'>");
                 var img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>");
-                img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd);
+                img.height(data[i].imgs[j].ht);
                 if((120 - data[i].imgs[j].ht) > 0)
                     img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0");
                 var hidden_input = $("<input type='hidden'>").val(data[i].imgs[j].value);
@@ -349,7 +368,7 @@ function addContainer(){
 
 //add new img block
 function addImgBlock(dest){
-    var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
+    var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
     var tmp_counter = dest.parent().find(".img_block").size();
     $("<div class='close_img'>").appendTo(img_block);
     $("<div class='clear_img'>").appendTo(img_block);
@@ -422,6 +441,7 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
+            $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
             $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
@@ -438,6 +458,7 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
@@ -453,6 +474,7 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
@@ -492,9 +514,10 @@ function onDropTarget(obj, event) {
                 tmp_img.attr("height", "120");
             else{
                 tmp_img.attr("width","120");
+                var h = tmp_img.height();
+                tmp_img.attr("height",h);
                 tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0");
             }
-            exportData();
         }, 6)
     }
     else {
diff --git a/resources/library/interactivities/Ordre images.wgt/locales/ru/index.html b/resources/library/interactivities/Ordre images.wgt/locales/ru/index.html
index 144a3b3a..6151ae43 100644
--- a/resources/library/interactivities/Ordre images.wgt/locales/ru/index.html	
+++ b/resources/library/interactivities/Ordre images.wgt/locales/ru/index.html	
@@ -22,6 +22,7 @@
                 <td class="b_top_left">&nbsp;</td>
                 <td class="b_top_center">
                     <div id="wgt_name"></div>
+                    <div id="wgt_help"></div> 
                     <div id="wgt_reload"></div>                    
                     <div id="wgt_display" class="selected"></div>
                     <div id="wgt_edit"></div>
@@ -37,6 +38,7 @@
             <tr>
                 <td class="b_center_left">&nbsp;</td>
                 <td>
+                    <div id="help"></div>
                     <div id="data">
                         
                     </div>
diff --git a/resources/library/interactivities/Ordre images.wgt/locales/ru/js/script.js b/resources/library/interactivities/Ordre images.wgt/locales/ru/js/script.js
index d033c1b0..4f709a3c 100644
--- a/resources/library/interactivities/Ordre images.wgt/locales/ru/js/script.js	
+++ b/resources/library/interactivities/Ordre images.wgt/locales/ru/js/script.js	
@@ -9,7 +9,9 @@ var sankoreLang = {
     reload: "Обновить",
     slate: "Узор",
     pad: "Планшет",
-    none: "Нет"
+    none: "Нет",
+    help: "Помощь",
+    help_content: "Пример текста помощи ..."
 };
 
 //main function
@@ -19,6 +21,8 @@ function start(){
     $("#wgt_edit").text(sankoreLang.edit);
     $("#wgt_name").text(sankoreLang.wgt_name);
     $("#wgt_reload").text(sankoreLang.reload);
+    $("#wgt_help").text(sankoreLang.help);
+    $("#help").html(sankoreLang.help_content);
     $(".style_select option[value='1']").text(sankoreLang.slate);
     $(".style_select option[value='2']").text(sankoreLang.pad);
     $(".style_select option[value='3']").text(sankoreLang.none);
@@ -41,6 +45,21 @@ function start(){
         }
     }
     
+    $("#wgt_help").click(function(){
+        var tmp = $(this);
+        if($(this).hasClass("open")){
+            $("#help").slideUp("100", function(){
+                tmp.removeClass("open");
+                $("#data").show();
+            });
+        } else {            
+            $("#data").hide();
+            $("#help").slideDown("100", function(){
+                tmp.addClass("open");
+            });
+        }
+    });
+    
     $("#wgt_reload").click(function(){
         if($("#wgt_display").hasClass("selected")){
             $("#wgt_edit").trigger("click");
@@ -248,7 +267,7 @@ function importData(data){
             for(var j in data[i].imgs){
                 var img_block = $("<div class='img_block' style='text-align: center;'>");
                 var img = $("<img src='../../" + data[i].imgs[j].link + "' style='display: inline;'>");
-                img.height(data[i].imgs[j].ht).width(data[i].imgs[j].wd);
+                img.height(data[i].imgs[j].ht);
                 if((120 - data[i].imgs[j].ht) > 0)
                     img.css("margin",(120 - data[i].imgs[j].ht)/2 + "px 0");
                 var hidden_input = $("<input type='hidden'>").val(data[i].imgs[j].value);
@@ -349,7 +368,7 @@ function addContainer(){
 
 //add new img block
 function addImgBlock(dest){
-    var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"white\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"white\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
+    var img_block = $("<div class='img_block' ondragenter='return false;' ondragleave='$(this).css(\"background-color\",\"\"); return false;' ondragover='$(this).css(\"background-color\",\"#ccc\"); return false;' ondrop='$(this).css(\"background-color\",\"\"); return onDropTarget(this,event);' style='text-align: center;'></div>").insertBefore(dest);
     var tmp_counter = dest.parent().find(".img_block").size();
     $("<div class='close_img'>").appendTo(img_block);
     $("<div class='clear_img'>").appendTo(img_block);
@@ -422,6 +441,7 @@ function changeStyle(val){
             $(".b_bottom_left").removeClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").removeClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").removeClass("pad_color").removeClass("pad_reload");
+            $("#wgt_help").removeClass("pad_color").removeClass("pad_help");
             $("#wgt_edit").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_display").removeClass("pad_color").removeClass("pad_edit");
             $("#wgt_name").removeClass("pad_color");
@@ -438,6 +458,7 @@ function changeStyle(val){
             $(".b_bottom_left").addClass("bbl_pad").removeClass("without_back");
             $(".b_bottom_center").addClass("bbc_pad").removeClass("without_back");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
             $("#wgt_name").addClass("pad_color");
@@ -453,6 +474,7 @@ function changeStyle(val){
             $(".b_bottom_right").addClass("without_back").removeClass("bbr_pad");
             $(".b_bottom_left").addClass("without_back").removeClass("bbl_pad");
             $(".b_bottom_center").addClass("without_back").removeClass("bbc_pad");
+            $("#wgt_help").addClass("pad_color").addClass("pad_help");
             $("#wgt_reload").addClass("pad_color").addClass("pad_reload");
             $("#wgt_edit").addClass("pad_color").addClass("pad_edit");
             $("#wgt_display").addClass("pad_color").addClass("pad_edit");
@@ -492,6 +514,8 @@ function onDropTarget(obj, event) {
                 tmp_img.attr("height", "120");
             else{
                 tmp_img.attr("width","120");
+                var h = tmp_img.height();
+                tmp_img.attr("height",h);
                 tmp_img.css("margin",(120 - tmp_img.height())/2 + "px 0");
             }
             exportData();