/************************************************************************************************************************************
     SHOWROW javascript
***********************************************************************************************************************************/

imageX='plus';
function toggleDisplay(e){
element = document.getElementById(e).style;
 if (element.display=='none') {element.display='block';}
 else {element.display='none';}
 if (imageX=='plus') {document.getElementById('1').src='http://www.cocinadivertida.com/images/nav3/bot1-p.jpg';imageX='minus';}
 else {document.getElementById('1').src='http://www.cocinadivertida.com/images/nav3/bot1-t.jpg';imageX='plus';}
}


/* <script language="javascript">
imageX='plus';
function toggleDisplay(e){
element = document.getElementById(e).style;
 if (element.display=='none') {element.display='block';}
 else {element.display='none';}
 if (imageX=='plus') {document.getElementById('imagePM').src='minus.bmp';imageX='minus';}
 else {document.getElementById('imagePM').src='plus.bmp';imageX='plus';}
}
</script>
<a title="Show Tables" href="javascript:toggleDisplay('table1')"><img border="0" src="plus.bmp" id=imagePM></a>
<table>
<tr>
<td>alway show this table
</td>
</tr>
</table>
<div style="display:none;" id=table1> ***---- si se quiere mostrar la tabla onload, cambiar por "display:1;"
<table>
<tr>
<td>table one</td>
</tr>
</table>
</div>



*/