web下的UI System

大家好，我用javascript写了一套web下的ui system，主要是树和菜单。请大家提提意见。

menu:

<script language="javascript" src="uisystem/uisystem.js"></script> //ui 实现

<script language=javascript>

images_path = "images/"

var  topmenus   = new array();
var  fileitems  = new array();
var  edititems  = new array();
var  toolsitems = new array();
var  helpitems  = new array();

var  submenu    = new array();

topmenus[0] = new topmenu("file","文件");  // submenu,display
topmenus[1] = new topmenu("edit","编辑");
topmenus[2] = new topmenu("tools","工具");
topmenus[3] = new topmenu("help","帮助");

addtopmenu(topmenus);

//file menu items
fileitems[0] = new menuitem("images/open0.gif","新建","onfileopen");
fileitems[1] = new menuitem("open0.gif","打开");
fileitems[2] = new menuitem("open0.gif","关闭");
fileitems[3] = new menuitem("","退出","onfileexit");

//edit menu items
edititems[0] = new menuitem("open0.gif","剪切");
edititems[1] = new menuitem("open0.gif","删除");
edititems[2] = new menuitem("close0.gif","复制");

//tools menu items
toolsitems[0] = new menuitem("open0.gif","管理");
toolsitems[1] = new menuitem("open0.gif","安全");
toolsitems[2] = new menuitem("open0.gif","选项",null,"optionfont");

//help menu items
helpitems[0] = new menuitem("open0.gif","参照");
helpitems[1] = new menuitem("open0.gif","联机文档");
helpitems[2] = new menuitem("open0.gif","web");

var fontitems = new array();

fontitems[0] = new menuitem("../images/open0.gif","宋体");
fontitems[1] = new menuitem("../images/open0.gif","行体");
fontitems[2] = new menuitem("../images/open0.gif","草体");

addsubmenu("file",fileitems);  //id,menuitems
addsubmenu("edit",edititems);
addsubmenu("tools",toolsitems);
addsubmenu("help",helpitems);
addsubmenu("optionfont",fontitems);

function onfileopen()
{
    //todo
}

function onfileexit()
{
    window.close();
}
document.onclick     = onclick;      // 捕获click事件
document.onmouseover = onmouseover;  // 捕获mouseover事件
document.onmouseout  = onmouseout;   // 捕获mouseout事件
</script>

运行效果：