Menu

[carvalho]

Boa tarde.

Gostaria de uma ajuda com o script abaixo. Gostaria de saber como faço para eliminar a imagem (uma seta) onde ocorre a ação de abrir e fechar o MENU, gostaria que isso fosse feito somente com ao clicar no texto (que fica na frente da imagem) para abrir e fechar o MENU.

<link rel="stylesheet" href="/_css/intranet.css" type="text/css">
<script language="Javascript" src="/_scripts/funcoes.js"></script>
<script language="Javascript" src="/_scripts/menu.js"></script>



<style type="text/css">
body
{
		font-size: 13px;
    font-family: Verdana, Arial, Helvetica, Garamond, sans-serif, serif;
}

div.menuWin
{
		width: 100%;

}

div.menuWin a
{
		display: block;
		padding-left: 3px;
		padding-right: 3px;
		margin: 0px;
		border: 0px;
		line-height: 20px;
		color: #000000;
		text-decoration: none;
		outline: none;
}

* html div.menuWin a { height: 1%; }

div.menuWin a:hover
{
		background-color: white;
    color: red;
}

ul.menuWin-body
{
		margin: 12px;
		padding: 0px;
		width: 500px;
}

ul.menuWin-body li
{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
		clear: both;
}

ul.menuWin-body li div
{
		width: 20px;
		float: right;
		margin: 5px;
		margin-right: 0px;
		padding: 0px;
}

ul.menuWin-body li img
{
		margin: 0px;
		width: 16px;
		height: 16px;
		padding: 0px;
		border: 0px;
		vertical-align: middle;
}

span.menuWin-arrow
{	
		display: block;
		width: 20px;
		position : absolute;
		text-align: left;
}

span.menuWin-arrow img
{
		padding: 3px 2px;
		cursor: pointer;
		width: 10px;
		height: 10px;
}

span.menuWin-header
{
		display: block
		margin: 0px;
		padding: 0px;
		padding-left: 30px;
		line-height: 22px;
		color: black;
		font-weight: bold;
		background-color: white;
}
</body>
</style>


<script type="text/javascript" src="../_scripts/menu_windows3.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();

MenuWin = function(p,id,s)
{
 	var obj = this; // referência ao próprio objeto MenuWin
 	var st = (typeof s != 'undefined' && s != null) ? s : false;
	var parent = document.getElementById(p); // objeto que será o container do menu
	var menu = document.createElement("div"); // o menu
	menu.setAttribute("id",id);
	menu.setAttribute((document.all)?"className":"class","menuWin");

	var header = document.createElement("span"); // cabeçalho do menu
	header.setAttribute((document.all)?"className":"class","menuWin-header");
	var headerText = null;

	var images = new Array(new Image(),new Image());
	images[0].src = "../_imagens/img_bullet-novo_up.gif";
	images[1].src = "../_imagens/img_bullet-novo_down.gif";

	var arrow = document.createElement("img"); // imagem para retrair e extender o menu
	arrow.setAttribute("alt","");
	arrow.setAttribute("title","");
	arrow.setAttribute("src",images[0].src);
	arrow.onclick = function()
	{
		if(this.getAttribute("src").indexOf("up") > -1)
		{
			this.setAttribute("src",images[1].src);
			jQuery("#"+body.getAttribute("id")).animate({height: "hide",opacity: "hide"},"fast");
		}
		else
		{
			this.setAttribute("src",images[0].src);
			jQuery("#"+body.getAttribute("id")).animate({height: "show",opacity: "show"},"slow");
		}
	}

	var arrowContainer = document.createElement("span"); // container da imagem que retrai e extende o menu
	arrowContainer.setAttribute((document.all)?"className":"class","menuWin-arrow");
	arrowContainer.appendChild(arrow);

	menu.appendChild(arrowContainer);
	menu.appendChild(header);

	var body = document.createElement("ul"); // corpo do menu
	body.setAttribute("id","menuWin-body-"+id);
	body.setAttribute((document.all)?"className":"class","menuWin-body");

	obj.state = function()
	{
		body.style.display = "none";
		arrow.setAttribute("src",images[1].src);
	};

	// função para setar o cabeçalho do menu
	this.setTitle = function(t)
	{
		headerText = document.createTextNode(t);
		header.appendChild(headerText);
	};

	// função para setar os itens do menu
	// recebe como parâmetros o texto, o link, o target e a imagem do item
	this.setItens = function(t,a,tg,i)
	{
		var li = document.createElement("li");
		var img = document.createElement("img");
		var link = document.createElement("a");
		var imgContainer = document.createElement("div");

		if(i != null)
		{

			img.setAttribute("src",i);	
			img.setAttribute("title","");
			img.setAttribute("alt","");


		}

		link.appendChild(imgContainer);

		link.setAttribute("href",a);
		if(tg != null) link.setAttribute("target",tg);
		link.appendChild(document.createTextNode(t));

		li.appendChild(link);

		body.appendChild(li);
	};

	// esta função extende o container da image que retrai e extende o menu,
	// para manter alinhado o texto dos itens do menu.
	this.heightLine = function()
	{
		var linhas = body.getElementsByTagName("li");
		for(i = 0; i < linhas.length; i++)
		{
			while(linhas[i].getElementsByTagName("div")[0].offsetHeight < linhas[i].offsetHeight)
			linhas[i].getElementsByTagName("div")[0].style.height = linhas[i].offsetHeight+"px";
		}
	};

	// função para inserir na tela o menu
	this.draw = function()
	{
		if(headerText == null)
		{
			headerText = document.createTextNode("Menu");
			header.appendChild(headerText);
		}
		menu.appendChild(body);
		parent.appendChild(menu);

		obj.heightLine();
		if(st) obj.state();
	};


};
//]]>
</script>[/codebox]

Grato.