X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fshow.js;h=c333249931cf168e53d31d43dad839eef4b2603f;hp=b9ee1a08d8ef154c1ff26971db1acb92f7744968;hb=26e618930f94a53875a461a44524a930d5e4b8a1;hpb=741d62b401cb7cf4b36f733c19af7b45ba51b1a8

diff --git a/include/show.js b/include/show.js
index b9ee1a0..c333249 100644
--- a/include/show.js
+++ b/include/show.js
@@ -72,12 +72,10 @@ var Show = new Class({
 
 		this.updatecoords();
 		this.prevdisplay = new Element('img').
-			set('class', 'mainformat').
-			setProperty('alt', 'Current Image').
-			setStyle('opacity', 0).
-			injectInside(this.container.domelement());
-		this.ondisplay = this.prevdisplay.clone().
-			injectInside(this.container.domelement());
+			setStyle('opacity', 0);
+		this.container.grab(this.prevdisplay);
+		this.ondisplay = this.prevdisplay.clone();
+		this.container.grab(this.ondisplay);
 		this.loadingdiv = new Element('div').
 		addClass('loading').setStyles({
 			position: 'absolute',
@@ -87,7 +85,8 @@ var Show = new Class({
 			display: 'none',
 			width: this.coords.width,
 			height: this.coords.height,
-		}).injectInside(this.container.domelement());
+		});
+		this.container.grab(this.loadingdiv);
 
 		window.addEvent('resize', this.resizer.bind(this))
 	},
@@ -242,18 +241,20 @@ var Show = new Class({
 	},
 
 	display: function(cachel){
-		var newstyle = this.calcsize(cachel);
-		var newimg = cachel.img.clone();
-		newimg.setStyles(newstyle);
-		newimg.setStyles({
+		var newimg = cachel.img.clone().
+		set('class', 'mainformat').
+		setProperty('alt', 'Current Image').
+		setStyles(this.calcsize(cachel)).
+		setStyles({
 			zIndex: 3,
 			opacity: 0,
 		});
-		this.prevdisplay.dispose();
-		this.prevdisplay = this.ondisplay.clone().
-		setStyle('zIndex', 2).injectInside(this.container.domelement());
-		newimg.replaces(this.ondisplay);
+		this.ondisplay.replaces(this.prevdisplay).
+		setProperty('alt', 'Previous Image').
+		setStyle('zIndex', 2);
+		this.prevdisplay = this.ondisplay;
 		this.ondisplay = newimg;
+		this.container.grab(this.ondisplay);
 		this.effect();
 	},
 
@@ -308,7 +309,11 @@ var Show = new Class({
 	},
 
 	showloading: function(){
-		this.loadingdiv.setStyle('display', 'block');
+		this.loadingdiv.setStyles({
+			display: 'block',
+			width: this.coords.width,
+			height: this.coords.height,
+		});
 	},
 
 	hideloading: function(){