function MenuBox(){
	this.currentItems = false;
	this.hideDelay = 100;
    this.isNS = getBrowserInfo('appName')=="Netscape" ? true:false;

	this.setMenuBoxs=function(boxs){
		var menuBoxsElement = typeof(boxs) == 'string' ? document.getElementById(boxs):boxs;
		for(var i=0; i<menuBoxsElement.getElementsByTagName('span').length; i++) 
			menuBox.setBox(menuBoxsElement.getElementsByTagName('span').item(i),i);
	}//
	this.setBox=function(menuBoxElement,seq) {
		menuBoxElement.setAttribute('id','menuBox_'+seq);
		menuBoxElement.onmouseover = menuBox.boxOver;
		menuBoxElement.onmouseout = menuBox.boxOut;
		menuBox.setItems(menuBoxElement,menuBoxElement.getElementsByTagName('ul').item(0),seq);
	}//
	this.boxOver=function(evt) {
        var evt = evt ? evt : ((window.event) ? window.event:null);
        var elementByCursor = evt.target ? evt.target:evt.srcElement;

		if(elementByCursor.parentNode.className == 'menuBox')
			elementByCursor =  elementByCursor.parentNode;

		elementByCursor.style.backgroundColor = '#7799bb';
		menuBox.currentItems = elementByCursor.getElementsByTagName('ul').item(0);
		menuBox.showItems();
	}//

	this.boxOut=function(evt) {
        var evt = evt ? evt : ((window.event) ? window.event:null);
        var elementByCursor = evt.target ? evt.target:evt.srcElement;

		if(elementByCursor.parentNode.className == 'menuBox')
			elementByCursor =  elementByCursor.parentNode;

		elementByCursor.style.backgroundColor = '';
		menuBox.currentItems = elementByCursor.getElementsByTagName('ul').item(0);
		menuBox.hideItems();
	}//

	this.setItems=function(menuBoxElement,itemsElement,seq) {
		itemsElement.setAttribute('id','menuItems_'+seq);
		itemsElement.style.top = menuBoxElement.offsetTop+menuBoxElement.offsetHeight+'px';
		itemsElement.style.zIndex = menuBoxElement.style.zIndex+1;
		itemsElement.style.backgroundColor="white";

		for(var i=0; i<itemsElement.getElementsByTagName('li').length; i++) 
			menuBox.setItem(itemsElement.getElementsByTagName('li').item(i));
	}//

	this.showItems=function(){
		if(menuBox.currentItems && menuBox.currentItems.getAttribute('toggle')=='hide'){
			menuBox.currentItems.setAttribute('toggle','show');
			menuBox.currentItems.style.display="block";
		}
	}//
	this.hideItems=function(){
		if(menuBox.currentItems && menuBox.currentItems.getAttribute('toggle')=='show'){
			menuBox.currentItems.setAttribute('toggle','hide');
			setTimeout("menuBox.hide('"+menuBox.currentItems.getAttribute('id')+"')",menuBox.hideDelay);
		}
	}//

	this.hide=function(id){
		var element = document.getElementById(id);
		if(element && element.getAttribute('toggle') == 'hide')
			element.style.display="none";
	}//

	this.setItem=function(itemElement) {
		itemElement.onmouseover = menuBox.setItemMouseOver;
		itemElement.onmouseout = menuBox.setItemMouseOut;
	}//

    this.setItemMouseOver = function(evt){
        var evt = evt ? evt : ((window.event) ? window.event:null);
        var elementByCursor = evt.target ? evt.target:evt.srcElement;
		elementByCursor.style.color = 'white';
		menuBox.currentItems  = elementByCursor.parentNode;
		menuBox.showItems();
    }//

    this.setItemMouseOut = function(evt){
        var evt = evt ? evt : ((window.event) ? window.event:null);
        var elementByCursor = evt.target ? evt.target:evt.srcElement;
		elementByCursor.style.color = '';
		menuBox.currentItems  = elementByCursor.parentNode;
		menuBox.hideItems();
    }
}//MenuBox