var tree = Array();

function bullet_menu (selector, target, toplevel) {
	// create a tree
	tree[''] = Array();
	$(selector).each( function (i) {
		var item_id = $(this).attr('id');
		var item_depth = $(this).attr('depth');
		if (item_depth == toplevel) {
			var item_parent = '';
		} else {
			var item_parent = $(this).attr('parent');
		}
		tree[item_id] = Array();
		tree[item_parent].push(item_id);
	});
	
	// put the bullets in the target
	$(target).html(fill_bullets('',1));
}

function fill_bullets(parent,d) {
	var html = '';
	var node_array = tree[parent];
	var number_of_nodes = node_array.length;
	if (number_of_nodes > 0) {
		if (parent == '') {
			html +='<ul class="tree_ul_' + d + '">\n';
		} else {
			html += '<ul>\n';				
		}
		for (var i=0; i < number_of_nodes; i++) {
			obj = $('#' + node_array[i]);
			var target = (obj.attr('target')) ? obj.attr('target') : '';
			if (target == undefined) target = '';
			html += '<li class="tree_li_' + d + ' ' + obj.attr('class') + '"><a href="' + obj.attr('href') + '" class="tree_a_' + d + '" target="' + target + '">' + obj.html() + '</a>\n';
			html += fill_bullets(node_array[i], d + 1);
			html += '</li>\n'
		}
		html += '</ul>\n';
	}
	return html;
}