dims_table="width=154 height=240"
function write_menu(id_supercat, id_cat, url_thumb)
{
  var str1="";
  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=''>"+
  "<table  cellpadding=4 cellspacing=0  border=0 align='left'  class='categorias' "+dims_table+">"+
"<tr><td align='left' bgcolor='#000000' style='height:1' ><span class='acces_tit'><b>Prodotti</b></span></td>";
  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=#cccccc class='categoriasSel' style=\"filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#cccccc', endColorStr='#999999', gradientType='0');border-bottom:1px solid #000000;border-top:1px solid #000000;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>";
      var cat_a=scat_a[it].cat_a;
      for ( var it1=0; it1<cat_a.length; it1++ ){
        if ( cat_a[it1].codi == id_cat ) {
	  str1+=
	  "      <span style='font-size:4px'></span><span class='subcategoriasSel' ><b>\n<!--img src='img_common/arrow.gif' border=0 width='5' height='10'-->&nbsp;&nbsp;&nbsp;"+
	  (cat_a[it1].nom)/*.replace(re_space, "&nbsp;")*/+
	  "</b></span><span style='font-size:12px'><br></span>";
	}
	else {
	  
	  str1+=
	  "       <!--img src='img_common/arrow.gif' border=0 width='5' height='10'-->&nbsp;&nbsp;&nbsp;<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'><br></span>";

	}
      }
      
    }
    else {
    str+=
      "      <tr>\n"+
      "       <TD bgcolor='#eeeeee' 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'>"+(scat_a[it].nom)/*.replace(re_space, "&nbsp;")*/+"</a>"+
      "       </TD>\n"+
      "      </tr>";

    }
  }
  str+="<tr><td>&nbsp;</td></tr>";  // per que s'allargue per baix
  str+="</table></div>\n";

  var ret=new Array(2);
  ret[0]=str;
  ret[1]=str1;
  
  return ret;
}

function set_menu(id_supercat, id_cat, url_thumb)
{
  var ret=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=ret[0];
  }
  var h=document.getElementById("submenu");
  if ( h ) {
    if (ret[1] != "" ) {
      h.innerHTML=ret[1];
      h.style.borderLeft="1px dotted #333333";
    }
  }
  else {
       alert("problemes amb submenu");
  }
}