function jsMenu(id, timeouts) {
	var self = this;

	this.id = id;
	this.timeouts = timeouts;

	this.main = null;

	this.init = function() {
		var menu = document.getElementById(this.id);
		this.setup(menu);
	};

	this.setup = function(ul) {
		this.main = document.getElementById('main');
		var lis = ul.getElementsByTagName('li');
		for (var i=0; i<lis.length; i++) {
			var li = lis[i];
			li.menu = this;
			var arrow = '';
			var ul = li.getElementsByTagName('ul');
			if (ul.length > 0) {
				li.arrow = true;
                        }

                        li.className = (li.arrow ? 'arrow' : '');

			addEvent(li, 'mouseover', function() { 
				this.className = 'active'+(this.arrow ? ' arrow' : '');
				clearTimeout(this.timeout);
				clearTimeout(this.timein);
				var liToShow = this;
				this.timein = setTimeout(function() { 
					liToShow.menu.show(liToShow); 
				}, this.menu.timeouts.mousein);
			});
			addEvent(li, 'mouseout', function() { 
				this.className = ''+(this.arrow ? ' arrow' : '');
				clearTimeout(this.timeout);
				clearTimeout(this.timein);
				var liToHide = this;
				this.timeout = setTimeout(function() { 
					liToHide.menu.hide(liToHide); 
				}, this.menu.timeouts.mouseout);
			});
		}
	};

	this.show = function(li) {
		if (typeof this.current != 'undefined') {
			if (this.current != li) this.hide(this.current);
			else return;
		}
		this.current = li;
		
		var ul = li.getElementsByTagName('ul');
		if (ul.length > 0) {
			var pos = findPos(li);
			ul[0].style.left = (pos.left-this.main.offsetLeft)+'px';
			ul[0].style.top = (li.offsetHeight+2)+'px';
		}
	};

	this.hide = function(li) {
		if (this.current == li) delete(this.current);
		var ul = li.getElementsByTagName('ul');
		if (ul.length > 0) {
			ul[0].style.top = '-5000px';
			ul[0].style.left = '-5000px';
		}
	};

	addEvent(window, 'load', function() { self.init(); });
}

function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

// Event Cacheing - for memory leaks
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return {'left' : curleft,'top' : curtop};
}

addEvent(window,'unload',EventCache.flush);