//查看器开始
$(function () {
    'use strict';
    var console = window.console || { log: function () {} };
    var $images = $('.bigimg');
    var $toggles = $('.docs-toggles');
    var $buttons = $('.docs-buttons');
    var options = {
      // inline: true,
        tooltip:true,
        title:false,
        navbar:false,
        fullscreen:false,
        zoomRatio:0.2,
        url: 'data-src',
      ready: function (e) {
        console.log(e.type);
      },
      show: function (e) {
        console.log(e.type);
      },
      shown: function (e) {
        console.log(e.type);
      },
      hide: function (e) {
        console.log(e.type);
      },
      hidden: function (e) {
        console.log(e.type);
      },
      view: function (e) {
        console.log(e.type);
      },
      viewed: function (e) {
        console.log(e.type);
      }
    };
  
    function toggleButtons(mode) {
      if (/modal|inline|none/.test(mode)) {
        $buttons
          .find('button[data-enable]')
            .prop('disabled', true)
          .filter('[data-enable*="' + mode + '"]')
            .prop('disabled', false);
      }
    }
  
    $images.on({
      ready:  function (e) {
        console.log(e.type);
      },
      show:  function (e) {
        console.log(e.type);
      },
      shown:  function (e) {
        console.log(e.type);
      },
      hide:  function (e) {
        console.log(e.type);
      },
      hidden: function (e) {
        console.log(e.type);
      },
      view:  function (e) {
        console.log(e.type);
      },
      viewed: function (e) {
        console.log(e.type);
      }
    }).viewer(options);
  
    toggleButtons(options.inline ? 'inline' : 'modal');
  
    $toggles.on('change', 'input', function () {
      var $input = $(this);
      var name = $input.attr('name');
  
      options[name] = name === 'inline' ? $input.data('value') : $input.prop('checked');
      $images.viewer('destroy').viewer(options);
      toggleButtons(options.inline ? 'inline' : 'modal');
    });
  
    $buttons.on('click', 'button', function () {
      var data = $(this).data();
      var args = data.arguments || [];
  
      if (data.method) {
        if (data.target) {
          $images.viewer(data.method, $(data.target).val());
        } else {
          $images.viewer(data.method, args[0], args[1]);
        }
  
        switch (data.method) {
          case 'scaleX':
          case 'scaleY':
            args[0] = -args[0];
            break;
  
          case 'destroy':
            toggleButtons('none');
            break;
        }
      }
    });
  
    //$('[data-toggle="tooltip"]').tooltip();
  });
//查看器


//作品详情
$(".menu-xq").on('click', function() {
    layui.use('layer', function(){
	var layer = layui.layer;
		layer.open({
		  type: 1,
		  title: false,
		  closeBtn: 0,
		  skin: 'layui-layer-rim',
		  shade: [0.5, '#000'],
		  area: '800px',
		  shadeClose:true,
		  content: $('.listside'), 
	
		});
	});         
})

$(".menu-comment").on('click', function() {
	layui.use('layer', function(){
	var layer = layui.layer;
		layer.open({
		  type: 2,
		  area: ['800px', '70%'],
          skin: 'layui-layer-rim',
		  fixed: true, //不固定
		  maxmin: false,
		  content: 'https://www.yalayi.com/e/dongpo/com/ping.php?proId=32&pro=Pic',
		  title:'共有0条评论'
		});
	});   
})

$('.menu-dy').on('click',function(){layui.use('layer',function(){var layer=layui.layer;layer.msg('订阅欣赏完整作品，请先登录')})})
$('#btn-dy').on('click',function(){layui.use('layer',function(){var layer=layui.layer;layer.msg('订阅欣赏完整作品，请先登录')})})
$('.tishiwenzi').html('<div class=tishiwenzi-box><img src=https://img.yalayi.net/v2/images/lock.png><h2>全本完整作品共<i>34p</i> 要求用户等级：<i>VIP1</i>，订阅价格：<i>0雅币</i></h2><p>订阅欣赏完整作品，请先登录</p><p><button onclick=login()>登录</button><button onclick=res()>注册</button><a href="/vip.html"><button>VIP说明</button></a></p></div>');
//加载开始
$("img.lazy").lazyload({effect:"fadeIn"});
//加载结束