I need help in menu

when menu is first time open it Menu Display Order Management.When click on Order Management menu open Active Orders it is
working fine.The problem is that when user refresh the page the menu is close.Which menu is select it open and when user close the menu is close.




<script language="javascript">
function menu_change(div,img,m17)
{
var_src=document.all(img).src;
var img_length=var_src.length
var index=var_src.indexOf('images');
var actual_name=var_src.substring(index,img_length);
if(actual_name=="images/menu_closed.gif")
{
document.all(img).src="images/menu_open.gif";
document.all(div).style.display="";

}
if(actual_name=="images/menu_open.gif")
{
document.all(img).src="images/menu_closed.gif";
document.all(div).style.display="none";
}

}
</script>

<table cellpadding=0 cellspacing=0 border=0 width=180>
<tr><td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>

<td width="180" height="4" align="left" bgcolor="#F7F7F7" onClick="javascript:menu_change('div_17','img_17','m17');" onMouseover="this.style.backgroundColor='white'" onMouseout="this.style.backgroundColor='#F7F7F7'"><a style="cursor:hand; "><img border=0 name="img_17" src="images/menu_closed.gif">&nbsp;<font face="verdana" size="1">Order</font><font face="verdana" size="1" style="text-decoration:none; ">
Management</font></a></td>
</tr>
<tr>
<td width=180 height="0" align="left">
<table cellpadding="0" id="div_17" cellspacing="0" border="0">
<tr>
<td width="20" style="border-bottom:1 dashed #CFCFCF; ">&nbsp;</td>
<td width="155" height="23" class="text" onMouseOver="this.style.fontWeight='bold'" onMouseout="this.style.fontWeight='normal'" style="border-bottom:1 dashed #CFCFCF; " valign="center"><img src="images/sub_item.gif">
<a style="text-decoration: none" href="new_order.php?m17=1">
<font face="verdana" size="1" color="#000000">Active Orders
</font></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>

 

use cookies

 

Can i use the javascript cookies.

 

of course you can