View difference between Paste ID: teFi3tXz and kRrzSdhJ

 function E(id) {return document.getElementById(id)}
-
+var swStep = 10, swInt = 10;
 function Menu(name, swipe) {
 	// --- Class to make a swipy menu. The menu elements must be in the following format:
-	// <div class="wrap" id="wrap_M"><div class="menu" id="menu_M">[content]</div></div>
+	// <div class="wrap"><div class="menu" id="menu_M">[content]</div></div>
 	// where M is the menu name
 	// swipe should be either "left" to swipe to the left or "down" to swipe downwards
 	// CSS needed:
 	// div.wrap {position: absolute; overflow: hidden;  visibility: hidden;}
 	// div.wrap div.menu {position: relative; visibility: visible }
 
 	this.name = name;
 	this.el = E('menu_' + name);
-	this.wrap = E('wrap_' + name);
+
-	this.closeButton = this.el.getElementsByClassName('close')[0];
+
-	this.init = function() {
+
 	this.swipe = swipe
-		this.closeButton.onclick = function() {t.close()}
+
-		this.getSize();
+
 		if (this.ti != undefined) {
 			clearInterval(this.ti);
 		}
 		this.ti = setInterval(function() {
 			if (opening) t.stage += swStep;
-	this.getSize = function() {
+
-		// --- Briefly display the menu in order to measure its dimensions
+
-		// (this needs to be rerun at the start and whenever the user resizes)
+
-		var disp = this.el.style.display;
+
-		if (disp != 'block') this.el.style.display = 'block';
+
-		this.width = this.el.offsetWidth;
+
-		this.height = this.el.offsetHeight;
+
-		if (disp != 'block') this.el.style.display = disp;
+
 	}
-	this.init();
+
 		if (this.swipe == 'left') {
 			this.el.style.left = 100 - this.stage + '%';
 		}
 		else if (this.swipe == 'down') {
 			this.el.style.bottom = (100 - this.stage) * this.el.offsetHeight / 100 + 'px';
 				// (because % positioning doesn't work vertically)
-			if (opening) t.stage += swStep;
+
 		setOpacity(this.el, this.maxOp * this.stage / 100);
 	}
 	this.el.style.display = 'block';
 	this.draw();
 	this.close = function () {
 		this.opened = false;
 		this.animate('close');
 		document.body.onclick = null;
 		this.el.onclick = null;
 	}
 	this.open = function() {
 		var t = this;
 		this.opened = true;
 		this.animate('open');
 		document.body.onclick = function() {t.close()}
 		this.el.onclick = function(ev) {stopProp(ev)}
 	}
 }
 // e.g.
 var myMenu = new Menu('options', 'left');
 E('openMenuButton').onclick = myMenu.open();