Mere Javascript Code

if (!this.mere) {var mere = {}}

mere.event = {
	attach: function(element, type, callback) {
	   if (element.addEventListener) {
			var caller = function(event) {
				callback.call(element, new mere.event.W3CEvent(event))
			}
			element.addEventListener(type, caller, false)
			return {release: function() {element.removeEventListener(type, caller, false)}}
	   } else if (element.attachEvent) {
			var caller = function() {
				var event = new mere.event.IEEvent(window.event)
				callback.call(element, event)
			}
			element.attachEvent("on" + type, caller)
			return {release: function() {element.detachEvent("on" + type, caller)}}
	   } else {
	      //I don't know what to do with this browser
	   }
	},

	initEvent: function(event, raw) {
		event.raw = raw
		event.type = raw.type
		event.shiftKey = raw.shiftKey
		event.ctrlKey = raw.ctrlKey
		event.altKey = raw.altKey
		event.metaKey = raw.metaKey
	},
  
	W3CEvent: function(raw) {
		mere.event.initEvent(this, raw)
		this.target = raw.target
		this.x = raw.pageX
		this.y = raw.pageY
		this.relatedTarget = raw.relatedTarget
	},
  
	IEEvent: function(raw) {
		mere.event.initEvent(this, raw)	 
		this.target = raw.srcElement
		this.x = raw.x + document.body.scrollLeft
		this.y = raw.y + document.body.scrollTop
		switch (this.type) {
			case 'mouseover':
				this.relatedTarget = raw.fromElement
				break
			case 'mouseout':
				this.relatedTarget = raw.toElement
				break
		}
	}
}

mere.event.IEEvent.prototype = {
	preventDefault: function() {
		this.raw.returnValue = false
	},

	stopPropagation: function() {
		this.raw.cancelBubble = true
	}
}

mere.event.W3CEvent.prototype = {
	preventDefault: function() {
		this.raw.preventDefault()
	},

	stopPropagation: function() {
		this.raw.stopPropagation()
	}
}