/* json数据列表 */
var post=[
  {
    posttitle: "四川省物流公共信息平台",
    postabstract: "四川省物流公共信息平台是四川省人民政府口岸与物流办公室官方平台，我省唯一综合性物流公共信息平台，重点项目企业、专家进行申报的唯一窗口。",
    postcontent: "<p>四川省物流公共信息平台是四川省人民政府口岸与物流办公室官方平台，我省唯一综合性物流公共信息平台，重点项目企业、专家进行申报的唯一窗口。</p><p>截至2019年底，完成四川省物流重点联系企业604家、四川省物流专家349人、四川省重点物流备选项目1576个2017年被评为全国28家物流骨干网之一。</p>",
    postthumb: "images/bus-img1.png",
    postimg: "file/images/bus-inaem.jpg",
    postlink: "article-link1"
  },
  {
    posttitle: "四川国际贸易“单一窗口”",
    postabstract: "一点接入、一次性提交满足口岸管理和国际贸易部门要求的标准化单证和电子信息，相关部门通过电子口岸平台共享数据信息、实施职能管理，处理状态（结果）统一通过“单一窗口”反馈给申报人。",
    postcontent: "<p>一点接入、一次性提交满足口岸管理和国际贸易部门要求的标准化单证和电子信息，相关部门通过电子口岸平台共享数据信息、实施职能管理，处理状态（结果）统一通过“单一窗口”反馈给申报人。</p><p>四川“单一窗口”连接海关总署、商务部等20多个口岸政务部门和口岸业务现场，覆盖一般贸易、加工贸易、特殊区域、电子商务等所有贸易方式和业态，是四川省进出口企业通关申报的外贸综合服务政务平台。</p>",
    postthumb: "images/bus-img2.png",
    postimg: "file/images/bus-karuna.jpg",
    postlink: "article-link1"
  },
  {
    posttitle: "川流天下供应链平台",
    postabstract: "采用线上交易、线下交割的方式，有效控制大宗商品贸易、物流风险，同时通过整合运输资源、提供优质的车后服务，降低企业成本，形成一个高效、便捷、集约的现代化供应链平台。",
    postcontent: "<p>采用线上交易、线下交割的方式，有效控制大宗商品贸易、物流风险，同时通过整合运输资源、提供优质的车后服务，降低企业成本，形成一个高效、便捷、集约的现代化供应链平台。</p><p>运用互联网及信息技术，提供安全、高效、快捷的物流运输服务。为生产制造、商贸流通、物流运输企业提供全流程物流信息化解决方案。煤炭、钢铁、矿石、化肥、农产品等大宗商品贸易,同时提供供应链金融服务。</p>",
    postthumb: "images/bus-img3.png",
    postimg: "file/images/bus-urban.jpg",
    postlink: "article-link1"
  }
];


/* 网格布局 */
//循环输出:
var postlength = post.length;
//empty container:
$(".posts-box").empty();
//loop:
for (i=0; i<postlength; i++) {
  //create thumb structure:
  var listitem =
    '<li>'+
      '<div class="card">'+
        '<a class="button" href="'+post[i].postlink+'" data-obj="'+i+'">'+
          '<img src="file/'+post[i].postthumb+'" alt="">'+
        '</a>'+
        '<div>'+
          '<h3>'+post[i].posttitle+'</h3>'+
          '<p>'+post[i].postabstract+'</p>'+
        '</div>'+
        '<div>'+
          '<a class="button" href="'+post[i].postlink+'" data-obj="'+i+'">进入详情</a>'+
        '</div>'+
      '</div>'+
    '</li>';
  //append thumb:
  $(".posts-box").append(listitem);
};


/* inner post */
var thiselement = 0;

function innercontent(content){
  $(".inner-img").attr("src",post[content].postimg);
  $(".inner-title").html(post[content].posttitle);
  $(".inner-text").html(post[content].postcontent);
};

//open post:
$(".button").click(function(e){
  e.preventdefault();
  thiselement = $(this).attr("data-obj");
  innercontent(thiselement);
  $(".modal").css({"display":"block"});
  dissbtn();
});

//close post:
$(".close-post, .modal-sandbox").click(function(){
  $(".modal").css({"display":"none"});
});

//next post:
$(".next-post").click(function(e){
  e.preventdefault();
  if (thiselement<postlength-1) {
    thiselement = parseint(thiselement) + 1;
    innercontent(thiselement);
    dissbtn();
  };
});

//prev post:
$(".prev-post").click(function(e){
  e.preventdefault();
  if (thiselement>0) {
    thiselement = parseint(thiselement) - 1;
    innercontent(thiselement);
    dissbtn();
  };
});

//button disable:
function dissbtn(){
  $(".prev-post, .next-post").removeclass("disabled");
  if (thiselement<=0){
    $(".prev-post").addclass("disabled");
  }
  else if (thiselement>=postlength-1){
    $(".next-post").addclass("disabled");
  };
};