function DDM(name, link, id) {
	this.items = new Array();
	
	this.id = id
	this.name = name;
	this.link = link;
	
	this.draw = function(elem_id) {
		var elem = document.getElementById(elem_id);
		if (elem) {
			if  (this.items.length > 0) {
				elem.appendChild(this._draw_level(this.items, 0, this.id));
			}
		} else {
			//alert('"' + elem_id + '" Element not present');
		}
	}
	
	this._draw_level = function(items, level, parent_id) {
		var result = null;
		var li = null;
		if  (items.length > 0) {
			result = document.createElement('ul');
			result.className = 'ddm-items-list level-' + level;
			result.id = 'list-' + parent_id;
			for (var i = 0; i < items.length; i++) {
				li = document.createElement('li');
				//li.id = 'item-'+items[i].id;
				li.className = 'ddm-item-'+i+' level-'+level;
				li.innerHTML = '<a class="link-'+level+'" href="'+items[i].link+'">'+items[i].name+'</a>';
				
				if (items[i].items.length > 0) {
					li.onmouseover = new Function('openSubMenu('+items[i].id+')');
					li.onmouseout = new Function('closeSubMenu('+items[i].id+')');
					
					li.innerHTML = '<a class="link-'+level+' parent" href="'+items[i].link+'">'+items[i].name+'</a>';
					li.appendChild(this._draw_level(items[i].items, level + 1, items[i].id));					
				}
				
				result.appendChild(li);
			}
		}
		
		return result;
	}
}

function openSubMenu(id) {
	document.getElementById('list-'+id).style.visibility = "visible";
}

function closeSubMenu(id) {
	document.getElementById('list-'+id).style.visibility = "hidden";
}