From 3967467127dd9c4841b789d5cd190bc1bcddacac Mon Sep 17 00:00:00 2001
From: ville rantanen <ville.rantanen@helsinki.fi>
Date: Tue, 29 May 2012 12:27:21 +0300
Subject: [PATCH] fixing new zoomer

---
 galleryscript.js | 24 +++++++++++++++++++++++-
 gallerystyle.css | 28 ++++++++++++----------------
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/galleryscript.js b/galleryscript.js
index 5584c34..d6fe2c2 100644
--- a/galleryscript.js
+++ b/galleryscript.js
@@ -94,16 +94,26 @@ function showbigimage(i) {
     dc.style.display='block';
     if (zoom) {
         $(document).ready(function() {
+            
             var options = {  
             zoomType: 'innerzoom',  
             preloadImages: false,  
             alwaysOn:true,  
-            };  
+            };
             $('#imagesingle').css('width',width);
             $('#imagesingle').css('height',height);
             $('#imagesingle').css('display','none');
             // hide the distorted imagesingle
+            var bigImg=new Image();
+            bigImg.src=encodeURIComponent(imagelist[i]);
             $('.linktobig').jqzoom(options);
+            $(bigImg).load(function() {
+                if (bigImg.width < width) {
+                    var leftoffset=(width - bigImg.width)/2;
+                    $('.zoompad').css('left',leftoffset);
+                    $('body').css('overflow-x','hidden');
+                }
+            });
         });
 	}
 	return;
@@ -632,6 +642,10 @@ function keypressed(e) {
         if (currentimage>(imagelist.length-1)) { currentimage=0; }
         showimage(currentimage);
     }
+    // a: all thumbs
+    if (unicode==65) {
+        allthumbs();
+    }
     // f: fullscreen
     if (unicode==70) {
         flipfullscreen();
@@ -895,6 +909,14 @@ f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){fo
 "pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
 e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
 
+/*  jQuery related stuff */
+
+$(function(){
+    $(window).resize(function(){
+        showimage(currentimage);
+    });
+});
+
 
 /*!
  * jQzoom Evolution Library v2.3  - Javascript Image magnifier
diff --git a/gallerystyle.css b/gallerystyle.css
index 2f72189..a9ebff8 100644
--- a/gallerystyle.css
+++ b/gallerystyle.css
@@ -253,7 +253,7 @@ img {
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
-   border: 1px solid #CCC;
+   /*border: 1px solid #CCC;
    /*background-color: white;*/
    padding: 8px;
    text-align:center;
@@ -278,7 +278,6 @@ img {
 	filter: alpha(opacity = 60);
 	z-index:120;
 	position:absolute;
-	border:1px solid #CCC;
   z-index:101;
   cursor:crosshair;
 }
@@ -301,15 +300,13 @@ img {
 	left:110%;
 	top:40px;
 	background:#FFF;
-	z-index:6000;
 	height:auto;
-  z-index:10000;
-  z-index:110;
+    z-index:110;
 }
 .zoomWrapper{
 	position:relative;
-	border:1px solid #999;
-  z-index:110;
+	
+    z-index:110;
 }
 .zoomWrapperTitle{
 	display:block;
@@ -318,16 +315,16 @@ img {
 	height:18px;
 	line-height:18px;
 	width:100%;
-  overflow:hidden;
+    overflow:hidden;
 	text-align:center;
 	font-size:10px;
-  position:absolute;
-  top:0px;
-  left:0px;
-  z-index:120;
-  -moz-opacity:0.6;
-  opacity: 0.6;
-  filter: alpha(opacity = 60);
+    position:absolute;
+    top:0px;
+    left:0px;
+    z-index:120;
+    -moz-opacity:0.6;
+    opacity: 0.6;
+    filter: alpha(opacity = 60);
 }
 .zoomWrapperImage{
 	display:block;
@@ -337,7 +334,6 @@ img {
 
 }
 .zoomWrapperImage img{
-  border:0px;
   display:block;
   position:absolute;
   z-index:101;