Index: /issm/trunk-jpl/src/m/classes/plotoptions.js
===================================================================
--- /issm/trunk-jpl/src/m/classes/plotoptions.js	(revision 19936)
+++ /issm/trunk-jpl/src/m/classes/plotoptions.js	(revision 19937)
@@ -149,7 +149,4 @@
 		 for (var i=0;i<numberofplots;i++) list[i].deleteduplicates();
 
-		 //allocate canvasid automatically
-		 for (var i=0;i<numberofplots;i++) list[i].addfield('canvasid',i);
-
 		 //Get figure number (should be in options for subplot 1)
 		 this.figurenumber=list[0].getfieldvalue('figure',1);
Index: /issm/trunk-jpl/src/m/plot/webgl.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/webgl.js	(revision 19936)
+++ /issm/trunk-jpl/src/m/plot/webgl.js	(revision 19937)
@@ -48,6 +48,6 @@
 
 	// Add event listeners for canvas
-	canvas.addEventListener("mousewheel", function (ev) {onZoom(ev,canvas)}, false);
-	canvas.addEventListener("DOMMouseScroll", function (ev) {onZoom(ev,canvas)}, false);
+	canvas.addEventListener("mousewheel", function (ev) {onZoom(ev,canvas,options)}, false);
+	canvas.addEventListener("DOMMouseScroll", function (ev) {onZoom(ev,canvas,options)}, false);
 
 	var mc = new Hammer.Manager(canvas);
@@ -56,7 +56,7 @@
     mc.add(new Hammer.Pinch({threshold:0})).recognizeWith(mc.get('pan'));
 
-    mc.on("panstart panmove", function (ev) {onPan(ev,canvas);});
-    mc.on("pinchstart pinchmove", function (ev) {onPinch(ev,canvas);});
-	//mc.on("mousewheel DOMMouseScroll", function (ev) {onZoom(ev,canvas);});
+    mc.on("panstart panmove", function (ev) {onPan(ev,canvas,options);});
+    mc.on("pinchstart pinchmove", function (ev) {onPinch(ev,canvas,options);});
+	//mc.on("mousewheel DOMMouseScroll", function (ev) {onZoom(ev,canvas,options);});
 	
 	return gl;
@@ -235,5 +235,5 @@
 		'void main(void) {',
 		'	if (uMaskEnabled && (vZCoord < uMaskHeight)) {',
-		'		gl_FragColor = uMaskColor;',
+		'		gl_FragColor = vec4(uMaskColor.xyz, uAlpha);',
 		'	}',
 		'	else {',
@@ -315,5 +315,5 @@
 //}}}
 //{{{ Interface Functions
-function onPan(ev,canvas) { //{{{
+function onPan(ev,canvas,options) { //{{{
 	ev.preventDefault();
 	if (ev.type == 'panstart') {
@@ -326,5 +326,4 @@
 		
 		canvas.translation[0] += Math.cos(radians(canvas.rotation[0])) * deltaX - Math.sin(radians(canvas.rotation[0])) * deltaY;
-		//console.log(Math.cos(radians(canvas.rotation[0])) * deltaX, Math.sin(radians(canvas.rotation[0])) * deltaY);
 		canvas.translation[1] += Math.sin(radians(canvas.rotation[0])) * deltaX + Math.cos(radians(canvas.rotation[0])) * deltaY;
 	}
@@ -344,7 +343,7 @@
 	canvas.lastDeltaY = ev.deltaY;
 	
-	console.log(canvas.rotation);
-} //}}}
-function onPinch(ev,canvas) { //{{{
+	if (options.getfieldvalue('displayview','off') == 'on') console.log(canvas.rotation);
+} //}}}
+function onPinch(ev,canvas,options) { //{{{
 	ev.preventDefault();
 	if (ev.type == 'pinchstart') {
@@ -353,12 +352,12 @@
 	else {
 		canvas.zoomFactor = clamp(ev.scale * canvas.zoomLast, canvas.zoomBounds[1], canvas.zoomBounds[0]);
-		console.log(canvas.zoomFactor);
-	}
-} //}}}
-function onZoom(ev,canvas) { //{{{
+		if (options.getfieldvalue('displayzoom','off') == 'on') console.log(canvas.zoomFactor);
+	}
+} //}}}
+function onZoom(ev,canvas,options) { //{{{
 	ev.preventDefault();
 	var delta = 1/10 * clamp(ev.scale || ev.wheelDelta || -ev.detail, -1, 1);
 	canvas.zoomFactor = clamp(canvas.zoomFactor - delta * canvas.zoomFactor, canvas.zoomBounds[1], canvas.zoomBounds[0]);
-	console.log(canvas.zoomFactor);
+	if (options.getfieldvalue('displayzoom','off') == 'on') console.log(canvas.zoomFactor);
 } //}}}
 //}}}