Actually get rid of all references when destroying an instance

This makes sure the WebGL context is actually removed.

Fixes issue #63

src/main.js

@@ -254,9 +254,8 @@ var Ripples = function (el, options) {
 	});
 
 	// Auto-resize when window size changes.
-	$(window).on('resize', function() {
-		that.updateSize();
-	});
+	this.updateSize = this.updateSize.bind(this)
+	$(window).on('resize', this.updateSize);
 
 	// Init rendertargets for ripple data.
 	this.textures = [];
@@ -363,7 +362,7 @@ Ripples.prototype = {
 			.on('mousemove.ripples', function(e) {
 				dropAtPointer(e);
 			})
-			.on('touchmove.ripples, touchstart.ripples', function(e) {
+			.on('touchmove.ripples touchstart.ripples', function(e) {
 				var touches = e.originalEvent.changedTouches;
 				for (var i = 0; i < touches.length; i++) {
 					dropAtPointer(touches[i]);
@@ -800,6 +799,11 @@ Ripples.prototype = {
 			.removeClass('jquery-ripples')
 			.removeData('ripples');
 
+		// Make sure the last used context is garbage-collected
+		gl = null
+
+		$(window).off('resize', this.updateSize);
+
 		this.$canvas.remove();
 		this.restoreCssBackground();