$(function () {
  
    var _isLoading = false;
    
    $(".toggle-button").click(function () {

       
        var regid = $(this).data("regid");	 
        var regpart = $(this).data("part");
        var data_url = "/Queries/AjaxDataSource/31948?part=" + regpart + "&regnum=" + regid;

        if (_isLoading) return;
      

            var detail = $("td.documents-detail[data-regid='"+regid+"']");
		  if (detail.html()!==""){
				detail.empty();
			  return;
        }
    _isLoading = true;

    detail.append($("<div class='_loading'></div>"));

            $.ajax({
                url: data_url,
			   cache:false
            }).done(function (data) {
                detail.empty();
                data.map(function (k) {
                    var catnum = k["Cat_number"];
				   var ext = "pdf";
				if (k["Doc_filename"].indexOf(".doc")!=-1) ext="doc";
				if (k["Doc_filename"].indexOf(".docx")!=-1) ext="docx";
                   
                    var Doc_ID = k["Doc_ID"];
                    var Title = k["Title"];
                    var comment = k["Comment"];
                  var doc = $("<div class='document-regular'><div class='document-regular_inner'><div class='document-regular_top'>" +
    "<div class='document-regular_format icon-" + ext + "'></div> <div class='document-regular_date'></div></div >" +
    "<div class='body-2 document-regular_main'>" +
    "<div class='document-regular_texts'>" +
    "<div class='document-regular_name' data-toggle=''><a href='/Queries/XsltBlock/File/31947?fileId=" + Doc_ID + "'>" +
    "<span class= 'document-regular_name_visible'>" + Title + "</span ></a>" +
    " </div>" +
    " <div class='document-regular_comment'>" + comment + "</div>" +
    " </div></div> </div> </div>");
  
				  
                    detail.append(doc);
                });
                
                _isLoading = false;
               
            }).fail(function (data) {
                detail.empty();
                alert("Error load data");
                _isLoading = false;

            });;


      

    });





});