function write_menu(id_supercat, id_cat, url_thumb)
{
  var re_space=/ /g;
  //alert(url_thumb);
  for ( var it=0; it<scat_a.length && ( id_supercat == null || id_supercat == "" ); it++ ) {
    var cat_a=scat_a[it].cat_a;
    for ( var it1=0; it1<cat_a.length; it1++ ) {
      if ( cat_a[it1].codi == id_cat ) {
	id_supercat=scat_a[it].codi;
	break;
      }
    }
  }
  var str=
  "<div style='height:480px'><table  cellpadding=4 cellspacing=0  border=0 align='left'  class='categorias'><tr><td align='left' bgcolor='#0055BD'><span class='acces_tit'><b>Productos</b></span></td></tr>";
  for ( var it=0; it<scat_a.length; it++ ) {
    var url="javascript:set_menu("+scat_a[it].codi+",null, \""+url_thumb+"\")";
    var url_onclick="set_menu("+scat_a[it].codi+",null, '"+url_thumb+"')";
    if ( scat_a[it].codi == id_supercat ) {
      str+=
      "     <tr>\n"+
      "       <TD style='height:1' bgcolor=#FFBA00 class='categoriasSel' style=\"filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFBA00', endColorStr='#FECC65', gradientType='0');border-bottom:0px solid #D7A51D;border-top:1px solid #FEAB01;font-size:4px;\" >\n"+
      "       \n"+
      "       <a  class='categoriasSel'><b>\n<img src='img_common/arrow.gif' border=0 width='5' height='10'>&nbsp;"+(scat_a[it].nom).replace(re_space, "&nbsp;")+"</b></a>\n"+
      "       </TD>\n"+
      "      </tr>";
      str+="      <tr>\n"+
	"       <TD style='height:1' bgcolor=#FFF8EA style=\"filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF7DE', endColorStr='#FFFFEF', gradientType='0');border-bottom:1px solid #FFFCF3;\">"      ;
      var cat_a=scat_a[it].cat_a;
      for ( var it1=0; it1<cat_a.length; it1++ ){
        if ( cat_a[it1].codi == id_cat ) {
	  str+=
	  "      <span style='font-size:4px'>&nbsp;&nbsp;</span><span class='subcategoriasSel' ><b>\n"+
	  (cat_a[it1].nom).replace(re_space, "&nbsp;")+
	  "</b></span><span style='font-size:12px'>&nbsp;<br></span>";
	}
	else {
	  
	  str+=
	  "       <span style='font-size:4px'>&nbsp;&nbsp;</span><a href='"+url_thumb+"&id_categoria="+cat_a[it1].codi+"' class='subcategorias' >\n"+
	  (cat_a[it1].nom).replace(re_space, "&nbsp;")+
	  "</a><span style='font-size:12px'>&nbsp;<br></span>";

	}
      }
      str+=	"       </TD> </tr>";
      
    }
    else {
    str+=
      "      <tr>\n"+
      "       <TD bgcolor='#B5D3E7' class='trans-off' style='height:1' valign='middle' onmouseover=\"this.className='trans-on'\" onmouseout=\"this.className='trans-off'\" onmouseout=\"this.style.backgroundColor = ''\" onClick=\""+url_onclick+"\" style='font-size:12px;'>\n"+
      "<a href='"+url+"' class='categorias'>\n<img src='img_common/arrow.gif' border=0 width='5' height='10'>&nbsp;"+(scat_a[it].nom).replace(re_space, "&nbsp;")+"</a>"+
      "       </TD>\n"+
      "      </tr>";

    }
  }
  str+="<tr><td style='border-bottom:0px solid #D8E5F1;'><span style='font-size:2px'>&nbsp;</span></td></tr></table></div>\n";

  return str;
}

function set_menu(id_supercat, id_cat, url_thumb)
{
  var str=write_menu(id_supercat, id_cat, url_thumb);
  //alert("set_menu("+id_supercat+", "+id_cat+str);
  var h=document.getElementById("menu");
  if ( h ) {
    h.innerHTML=str;
  }
}