From 4fb988058558ae95414411191498b9268ac7d931 Mon Sep 17 00:00:00 2001
From: Stefan Krulj <powertomato@gmail.com>
Date: Mon, 24 Dec 2012 05:05:20 +0100
Subject: [PATCH] gallery javascript added

---
 _img/close.png  | Bin 0 -> 460 bytes
 _img/next.png   | Bin 0 -> 390 bytes
 _img/prev.png   | Bin 0 -> 407 bytes
 gallery.js      |  57 ++++++++++++++++++++++++++++++++++++++++++++++++
 mdx_gallery.py  |   1 +
 pylog_config.py |   1 +
 style.css       |  30 +++++++++++++++++++++++++
 7 files changed, 89 insertions(+)
 create mode 100644 _img/close.png
 create mode 100644 _img/next.png
 create mode 100644 _img/prev.png
 create mode 100644 gallery.js

diff --git a/_img/close.png b/_img/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b71afd4057564b55ed9b0cf1311d761b150e4ce
GIT binary patch
literal 460
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=Y)RhkE<hRxemd{22U45`9+AZi
z4BWyX%*Zfnjs#GUy~NYkmHiHn1T(MH=KptJ1BE0@Tq8=H^K)}k^GX<;i&7IyQd1Pl
zGfOfQ+&z5*!W;R-85kH%JY5_^DsH`<70GwVfX8Ly`}*faj4Zy7BfZl11y1?C>p{=2
zDpk)(DnNAJXYSvJg)+xqx~}Hh`tW7#ma56GN^d{((p+lx>F2ClCR}oQ2}z$lD!LkE
zIZSMP4~R;z*@Pb865*bw_kc%6I8Nz-w2E|`+5_P=Om&$eZn>LQaczCKgW>5^rvvdq
z5A+hhDue}}{~-HtJIfBw9aSv%?Y3Kc+;}PP*2TTF<?g4{H9G@6W@OBBTdlpUW#z5h
zJ-d@VX1tM6e5x9BsN`YR#e1tB6th2(olxI+hH)lKvDk@BgW3b}2jZuG_~EzV>W7Yx
zWiOSv#4D!WDck8ATJB_RyZA(YcMi*+rWEfC^@`S(vgUN}4EKs<EoH6go*C&CZ7pT(
v?%pq~4=7(>$}jgNGTtBt91cbOdl*I8&e+_({&68NkQqE({an^LB{Ts5!{oLY

literal 0
HcmV?d00001

diff --git a/_img/next.png b/_img/next.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea91bdff41e4cc62ae4d21ee960f779665f72b99
GIT binary patch
literal 390
zcmeAS@N?(olHy`uVBq!ia0vp^YC!D3!3HGDCa}H)Qfx`y?k+$Y2!1;6t_M<_1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPaj|4L>_f7x5l0YHJ64!_l=ltB<)VvY~=c3falGGH1
z^30M91$R&1fbd2>aiF4io-U3d8Ta1aa1=Uhz`=YV;{X56zZ=Xt898TY?rJX2+3{nS
z+T@ev-|p>xl~Zzb;p?*tUvFOY`pm-DP77XdI~2X*m}1bHBZ{{iTA3GjGO>p#oAI4V
z^O3pXf8da#;SL^|kk@iYPbLJ;5fM9hGBGZO>rAtEb7bL418zOpvM%k$xerby<nIW&
zA-qnetUa4CI(u!|hWHglH)L0dd~4Ba-n-B%L48HZ4NWc4G{>a}*Q^kk!LHg~85k77
zqT1{lC?vt`+P*O$L_*lLd1Ii+3?|XGl>v$~gr2so4AhHYJH>O_X=cLA70D51T7Nzo
e&h+`GDerruAbQ3jTO**)89ZJ6T-G@yGywp6u8<V~

literal 0
HcmV?d00001

diff --git a/_img/prev.png b/_img/prev.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec2c054bc6e29fb804c29e3886eb856d617684ec
GIT binary patch
literal 407
zcmeAS@N?(olHy`uVBq!ia0vp^YC!D3!3HGDCa}H)Qfx`y?k+$Y2!1;6t_M<_1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPaj|4NX&|a0$n?NDS64!_l=ltB<)VvY~=c3falGGH1
z^30M91$R&1fbd2>aiF6Ao-U3d8Ta1av=lp{z{7mO;QM~#;zox(9-FvV`+n}WIq>PT
zkD74qw|l?8{k<+2%CvdG69a88uFnfn4D`L2x);3IpwY#3dO^kpoh~Nl1rH2FxVW4b
zB^a1+F(og!WFV%+n!M<cfteOd@Pa!AqNiAc7o9OMJ;k!xq4v<Kfba;_R~)O|_8ziY
z5SN&}_Nve|*783;R~KG?yh!MK<$<t=KH)*E=W04v7p_b17kXZ&v8rI<@~uqba&9+v
zT={YA$Wrz=F}@%{gMtk~ti8?G0z72)>~Mal5vtDQuHC-bB5UrvgBQgG0_UWp3LiW<
wEhcVGiSCPoC&gFBKD(B@%jeJJlSgLRe=;qI{&w>UC@2^_UHx3vIVCg!0LlBBT>t<8

literal 0
HcmV?d00001

diff --git a/gallery.js b/gallery.js
new file mode 100644
index 0000000..c000c51
--- /dev/null
+++ b/gallery.js
@@ -0,0 +1,57 @@
+
+// Create function to load image
+function loadImg(src){
+    var body = document.getElementsByTagName("body")[0];
+    var div = document.getElementById("gallery_container");
+
+    if( !div ) {
+        div = document.createElement('div');
+        div.setAttribute('id', 'gallery_container');    
+        body.appendChild(div);  
+
+        var anch = document.createElement('a');
+        anch.setAttribute('href', '#'); 
+        div.appendChild(anch);
+        
+        var close = new Image();
+        close.src = "_img/close.png"
+        close.id = "gallery_close";
+        close.onclick = function(){
+            div.style.visibility='hidden';
+            return false;
+        }
+        anch.appendChild(close);
+        
+        anch = document.createElement('a');
+        anch.setAttribute('href', '#'); 
+        var prev = new Image();
+        anch.appendChild(prev);
+        div.appendChild(anch);
+        prev.src = "_img/prev.png";
+        prev.id = "gallery_prev";
+        
+        var img = new Image()
+        div.appendChild(img);
+        img.src = src;
+        
+        anch = document.createElement('a');
+        anch.setAttribute('href', '#'); 
+        var next = new Image();
+        anch.appendChild(next);
+        div.appendChild(anch);
+        next.src = "_img/next.png";
+        next.id = "gallery_next";
+    }else{
+        var oldimg = div.getElementsByTagName("img"); 
+        if( oldimg ){
+            for( var i=0; i<oldimg.length; i++){
+                if( oldimg[i].parentNode == div ){
+                    oldimg[i].src = src;
+                }
+            }
+        }
+        div.style.visibility='visible';
+    }
+
+}
+
diff --git a/mdx_gallery.py b/mdx_gallery.py
index 069b1de..63d92eb 100644
--- a/mdx_gallery.py
+++ b/mdx_gallery.py
@@ -20,6 +20,7 @@ class GalleryPattern(Pattern):
             anch = markdown.util.etree.Element('a')
             anch.attrib["href"]=img
             anch.attrib["target"]="_blank"
+            anch.attrib["onclick"]='loadImg("%s");return false;' % (img)
             li.append(anch)
             
             img_el = markdown.util.etree.Element('img')
diff --git a/pylog_config.py b/pylog_config.py
index 54568cf..b4bce49 100644
--- a/pylog_config.py
+++ b/pylog_config.py
@@ -9,6 +9,7 @@ subtitle=u'produced py Powertomato \xb0\u0DF4\xb0'
 header="""
 <link rel="stylesheet" type="text/css" href="style.css" />
 <link rel="stylesheet" type="text/css" href="source.css" />
+<script src="gallery.js"></script> 
 """                 
 # This header will be printed in the <head> section of the html file
 
diff --git a/style.css b/style.css
index 9dab778..347aa54 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,33 @@
+#gallery_container {
+    position:absolute;
+    top:0px; left:0px;
+    background-color:#222222;
+    width:100%;
+    height:100%;
+    display:table-cell;
+    vertical-align:middle;
+    text-align:center;
+    overflow:scroll;
+}
+
+#gallery_container img{
+    margin-top:30px;
+    margin-bottom:30px;
+}
+
+#gallery_close {
+    position:absolute;
+    right:30px;
+}
+
+#gallery_prev {
+    padding-bottom:15px;
+}
+
+#gallery_next {
+    padding-bottom:15px;
+}
+
 /* generall */
 .hidden {
     display: none