Simple cross-browser event handling logic for rapid examples prototyping

events.js

	(function(window){
		var doc = document.documentElement,
			addListener, removeListener;
		if (doc.addEventListener && doc.removeListener) {
		  addListener = function (element, eventName, handler) {
			element.addEventListener(eventName, handler, false);
		  };
		  removeListener = function (element, eventName, handler) {
			element.removeEventListener(eventName, handler, false);
		  };
		}
		else if (doc.attachEvent && doc.detachEvent) {
		  addListener = function (element, eventName, handler) {
			element.attachEvent('on' + eventName, handler);
		  };
		  removeListener = function (element, eventName, handler) {
			element.detachEvent('on' + eventName, handler);
		  };
		}
		else {
		  addListener = function (element, eventName, handler) {
			element['on' + eventName] = handler;
		  };
		  removeListener = function (element, eventName, handler) {
			element['on' + eventName] = null;
		  };
		}
		window.addListener = addListener;
		window.removeListener = removeListener;
	})(this)