hide scroll bars when going to show mode; some rearrangement

[mkgallery.git] / include / showwin.js

diff --git a/include/showwin.js b/include/showwin.js
index 6171ba2ee47ab5538f4bb6392578a7d995576e73..c900ab4decbd10e92094e6e57f4f7aee04561e3f 100644 (file)
--- a/include/showwin.js
+++ b/include/showwin.js
@@ -18,6 +18,7 @@ var showWindow = new Class({
                return {
                        zIndex: 2,
                        container: document.body,
+                       tohide: '',
                        onClick: $empty,
                }
        },
@@ -26,6 +27,7 @@ var showWindow = new Class({
                this.setOptions(this.getOptions(), options);
 
                this.options.container = $(this.options.container);
+               this.options.tohide = $(this.options.tohide);
 
                this.container = new Element('div').addClass(name).
                setProperties({
@@ -65,10 +67,30 @@ var showWindow = new Class({
        },
 
        show: function(){
+               if (this.options.tohide) {
+                       this.hiddenstyles = this.options.tohide.getStyles(
+                               'display'
+                       );
+                       this.options.tohide.setStyles({
+                               display: 'none',
+                       });
+               }
+               this.bodystyles = document.body.getStyles(
+                       'overflow', 'overflow-x', 'overflow-y'
+               );
+               document.body.setStyles({
+                       overflow: 'hidden',
+                       'overflow-x': 'hidden',
+                       'overflow-y': 'hidden',
+               });
                this.container.setStyle('display', 'block');
        },
 
        hide: function(){
+               if (this.options.tohide) {
+                       this.options.tohide.setStyles(this.hiddenstyles);
+               }
+               document.body.setStyles(this.bodystyles);
                this.container.setStyle('display', 'none');
        }
 })