/** call to do the ajax to the bitstream via a resource  */
function ajax_bitstreams(itemid, resourceid, previousrowid)
    {
    var webroot = document.getElementById('webroot').value;
    var image = document.getElementById("webroot").value+"images/loading.gif";
    // first we ask the server how many files are implicated into the resource
    var lic = webroot+"item/ajax_bitstreamresource?resourceid="+resourceid;
    var nbitstream;
    $("tr#" + previousrowid).after("<tr><td><img src=\"" + image + "\"/> Loading ...</td> </tr>");
    $.ajax({
        type: "GET",
        cache: false,
        url: lic,
        dataType: 'html',
        success: function(data){
          $("#"+previousrowid).next().remove();
          $("#"+previousrowid).after("<tr><td><img src=\""+image+"\"/> Loading "+ data +" files</td> </tr>");
          var lic = webroot+"item/ajax_bitstreamresource/"+itemid+"/"+resourceid+"/"+previousrowid;      
          $.ajax({
            type: "POST",
            cache: false,
            url: lic,
            dataType: 'html',
            success: function(response){
              var bitstreams = response.split("||");
              var innerHtml = "";
              var i, j;
              $("#" + previousrowid).next().remove();
              var backgroundVal = true;
              var bgcolor = "";
              for (i = bitstreams.length - 1; i > 0; i--) {
                if(backgroundVal == true)
                  {
                  bgcolor = "#cad3d1";
                  //bgcolor = "#b7b1b7";
                  backgroundVal = false;
                  }
                else
                  {
                  //bgcolor = "#b7b9b7";
                  bgcolor = "#d1d3d1";
                  backgroundVal = true;
                  }
                innerHtml = '<tr bgcolor="'+bgcolor +'" id="' + previousrowid + '--' + i + '">';
                bitstreaminfo = bitstreams[i].split(';;');
                bitstreaminfo.shift();
                for (j = 0; j < bitstreaminfo.length; j++) {
                  innerHtml += "<td><ul><z>" + bitstreaminfo[j] + "</z></ul></td>";
                }
                innerHtml += "</tr>";
                $("#" + previousrowid).after(innerHtml);
                $('#resource_' + resourceid + "_" + i).tooltip({
                  track: true,
                  delay: 0,
                  showURL: false,
                  showBody: " - ",
                  fade: 250
                });
              }
              $href_resource = $("#" + previousrowid).children().children().children().children().children().children().next();
              $href_resource.children().remove();
              $newLink = "<a href=\"javascript:;\" onclick=\"toggle_bistreams(" + previousrowid + ");\" class=\"resourceinfo\"/>";
              $href_resource.html($newLink);
            }
          });
        }
    });
    }

function toggle_bistreams(elmid)
  {
  var $nextrow = $("#"+elmid).next();
  var $nextrowid = $nextrow.attr("id").split("--")[0];
  while($nextrowid != elmid+1)
    {
    $removingRow = $nextrow;
    $nextrow = $nextrow.next();
    $removingRow.toggle();
    if ($nextrow.length > 0) 
      {
      $nextrowid = $nextrow.attr("id").split("--")[0];
      }
    else
      {
      $nextrowid = elmid+1;
      }
    }
  }