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 daec73a234cb46fab57ffcf3ae744df6acf11a5d..c900ab4decbd10e92094e6e57f4f7aee04561e3f 100644 (file)
--- a/include/showwin.js
+++ b/include/showwin.js
@@ -16,9 +16,9 @@ var showWindow = new Class({
 
        getOptions: function(){
                return {
-                       embed: [],
                        zIndex: 2,
                        container: document.body,
+                       tohide: '',
                        onClick: $empty,
                }
        },
@@ -27,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({
@@ -44,16 +45,6 @@ var showWindow = new Class({
                        this.options.onClick()
                }.bind(this)).injectInside(this.options.container);
 
-               this.embedded = [];
-               this.options.embed.each(function(el){
-                       var sub = new Element('div');
-                       sub.addClass(el).setProperties({
-                               id: el,
-                               name: el,
-                       }).injectInside(this.container);
-                       this.embedded.push(sub);
-               },this);
-
                this.position();
 
                window.addEvent('resize', this.position.bind(this));
@@ -76,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');
        }
 })