function menu(parent) {
	this.parent_box = document.getElementById(parent);
	var tmp = document.createElement("div"), tmp2 = document.createElement("div");
	this.menu_parent_box = document.body.appendChild(tmp2);
	this.menu_box = this.menu_parent_box.appendChild(tmp);
	this.menu_box.className = "menu_box";
	this.menu_motion = new motion_ease(this.menu_parent_box, this.menu_box);
	
	var pos = getPos(this.parent_box);
	this.menu_parent_box.style.visibility = "hidden";
	this.menu_parent_box.style.position = "absolute";
	this.menu_parent_box.style.overflow = "hidden";
	this.menu_parent_box.style.left = pos.x + "px";
	this.menu_parent_box.style.top = (pos.y + this.parent_box.clientHeight) + "px";

	this.add = function(name, url, style) {
		this.menu_box.innerHTML += "<div class=\"menu_item\"><a href=\"" + url + "\">" + name + "</a></div>";
		this.menu_parent_box.style.height = (this.menu_box.clientHeight + 10) + "px";
		this.menu_parent_box.style.width = (this.menu_box.clientWidth + 10) + "px";
		this.menu_motion.sp(0, -this.menu_motion.edy());
	}
	
	this.showMenu = function() {
		this.menu_parent_box.style.visibility = "visible";
		this.menu_motion.sd(0,0);
		this.menu_motion.elastic(3.8, 0);
		
		this.menu_motion.onFinish = function() {}
	}
	
	this.hideMenu = function() {
		this.menu_motion.sd(0, -this.menu_motion.edy());
		this.menu_motion.elastic(3.8, 0);
		
		var me = this;
		this.menu_motion.onFinish = function() {
			me.menu_parent_box.style.visibility = "hidden";
		}
	}
	
	var me = this;
	this.menu_box.onmouseover = function() {
		me.showMenu();
	}
	
	this.menu_box.onmouseout = function() {
		me.hideMenu();
	}
	
	this.parent_box.onmouseover = function() {
		me.showMenu();
	}
	
	this.parent_box.onmouseout = function() {
		me.hideMenu();
	}
}
