function cMenue() {
									
	this.aMenueItems = new Array();
									
	this.showSubMenue = function(id) {
		this.aMenueItems[id].show = true;
		this.hideAllSubs(id);
		var ul = document.getElementById("submenue" + id);
		if(ul != null)
			ul.className = "show";
	}
								
	this.hideAllSubs = function(id) {
		for(var i=0 ; i<this.aMenueItems.length ; i++){
			if(i==id)
				continue;
			this.hide(i);
		}
	}
									
	this.hideSubMenue = function(id) {
	
		this.aMenueItems[id].show = false;
		setTimeout('oMenue.hide(' + id + ')', 500);
	}
								
	this.hide = function(id) {
		if(this.aMenueItems[id].show == true)
			return;
			
		var ul = document.getElementById("submenue" + id);
		if(ul != null)
			ul.className = "hide";
	}
								
								
	this.addMenueItem = function(oMenueItem) {
		this.aMenueItems.push(oMenueItem);				
	}
		
	this.toHTML = function() {
		var html = '';
		
		if(this.aMenueItems.length > 0) { 
			for(var i=0; i<this.aMenueItems.length; i++)
			{
				if(i!=0) {
					html += '<td width="1">|</td>';
				}
				html += this.aMenueItems[i].toHTML();
			}
			
		}
		return html;
	}
}
								
	function cMenueItem(id, text, href) {
		this.id = id;
		this.text = text;
		this.href = href;
		this.show = false;
		this.active = false;
		this.printSeperator = true;
							
		this.aListItems = new Array();
							
		this.addListItem = function(oListItem) {
			this.aListItems.push(oListItem);				
		}

		this.toHTML = function() {
	
			var html = '';
			
			html += '<td><div class="menulist" onmouseover="oMenue.aMenueItems[' + this.id + '].show=true; oMenue.showSubMenue(' + this.id + ');" onmouseout="oMenue.hideSubMenue(' + this.id + ');" >';
			
			var options = "";
			if(this.active == true)
				options = 'class="active"';
			
			html += '<b><a href="' + this.href + '" target="_self" ' + options + '>' + this.text + '</a></b>';
								
			if(this.aListItems.length > 0) { 
				html += '<div class="hide" id="submenue' + this.id + '" onmouseover="oMenue.aMenueItems[' + this.id + '].show=true;" style="width:160px;z-index:1;">';
				html += '<table width="100%" cellspacing="0" cellpadding="0">';
				html 	+= '<tr>';
				html 		+= '<td width="5" style="background:url(/img/fw/shadows/shadow_left.png);"><img src="/img/fw/trans.gif" width="5" height="1"/></td>';
				html 		+= '<td>';							
				
				for(var i=0; i<this.aListItems.length; i++)
				{
					html += this.aListItems[i].toHTML();
				}
				
				html 		+= '</td>';							
				html 		+= '<td width="5" style="background:url(/img/fw/shadows/shadow_right.png);"><img src="/img/fw/trans.gif" width="5" height="1"/></td>';
				html 	+= '</tr>';
				html 	+= '<tr>';
				html 		+= '<td height="5" style="background:url(/img/fw/shadows/shadow_bottom_left.png);"><img src="/img/fw/trans.gif" width="1" height="5"/></td>';
				html 		+= '<td style="background:url(/img/fw/shadows/shadow_bottom.png);"><img src="/img/fw/trans.gif" width="1" height="5"/></td>';
				html 		+= '<td style="background:url(/img/fw/shadows/shadow_bottom_right.png);"><img src="/img/fw/trans.gif" width="1" height="5"/></td>';
				html 	+= '</tr>';
				html += '</table>';										
		
				html += '</div>';
			}
						
			html += '</div></td>';
			
			return html;
		}
	}
								
								
	function cListItem(text, href) {
		this.text = text;
		this.href = href;
									
		this.toHTML = function() {
			var html = '<div class="listitem" style="width:100%; position:relative;">';
			html += '<a href="' + this.href + '" target="_self"><b>' + this.text + '</b></a>';
			html += '</div>';
			html += '';
			return  html;
		}
	}
								
	var oMenue = new cMenue();