function show_menu(menuUL)
{
  	menu = $(menuUL);
    itemArray = menu.select('.item');
	itemArray.each(function(item) {
		$(item).style.display = 'block';	
	});
}

function hide_menu(menuUL)
{
	menu = $(menuUL);
    itemArray = menu.select('.item');
	itemArray.each(function(item) {

		$(item).style.display = 'none';
	});
}

var CSdynamicMenu = Class.create({
  initialize: function(html_ul_id ) {
    el = $(html_ul_id);
    //el.style.border = 'thin solid #F00';
	id_name = 'CSpp' + html_ul_id;
   menu = new Element('ul', { 'class': 'dyno_menu' , 'id' : id_name  });
    bs = '';
   el.select('li').each(function(li) {
     bs = bs + '<li class="item" >' + li.innerHTML + '</li>';
    }); 
    menu.update(bs);

  $$('body')[0].appendChild(menu);

    re = menu.childElements()[0];
    re.addClassName('root');
    re.removeClassName('item');

    menu.writeAttribute({'onmouseover':"show_menu('" + id_name + "');"});
    menu.writeAttribute({'onmouseout':"hide_menu('" + id_name + "');"});

	hide_menu(id_name);
  },

  report: function() {
    //alert(this.name + " says: "  + "I am here, somewhere!");
  }


});


