$(function () {
  $.ajaxSetup({
    cache: false
  });
  var data;
  $.ajax({
    type: "POST",
    data: '{}',
    url: "http://" + window.location.host + "/wsTieVirPil.asmx/Categorias",
    async: false,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
      data = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
    },
    failure: function (msg) {
      $('#tv').empty().append(msg);
    }
  });
  var dataS = [];
  for (var i = 0; i < data.length; i++) {
    $.ajax({
      type: "POST",
      data: '{Categoria:"' + data[i].Categoria + '"}',
      url: "http://" + window.location.host + "/wsTieVirPil.asmx/Subcategorias",
      async: false,
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (response2) {
        var data2 = (typeof response2.d) == 'string' ? eval('(' + response2.d + ')') : response2.d;
        dataS.push(data2);
      },
      failure: function (msg2) {
        $('#tv').empty().append(msg2);
      }
    });
  }
  var temp = "";
  for (var i = 0; i < data.length; i++) {
    temp += '<li><div style="cursor:pointer;">' + data[i].Categoria + '</div>';
    temp += '<div class="submenu">';
    if (dataS[i].length > 0) {
      for (var j = 0; j < dataS[i].length; j++) {
        temp += '<a href=http://tienda.pilatos.com/' + data[i].Categoria.toLowerCase() + '/' + dataS[i][j].Subcategoria.toLowerCase() + '><span>' + dataS[i][j].Subcategoria.replace('+',' ') + '</span></a></br>';
      }
    }
    temp += '</div></li>';
  }
  $('#tv').empty().append(temp);
});