// ==UserScript==
// @name         灰机汉化 滚动浏览
// @namespace    http://weibo.com/unluckyninja
// @version      0.2
// @description  显示模式切换按钮，点击后可切换cocos2d播放器为纯图片浏览
// @author       UnluckyNinja
// @include      http://smp*.yoedge.com/smp-app/*
// @require      https://greasyfork.org/scripts/2199-waitforkeyelements/code/waitForKeyElements.js?version=6349
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
})();

function showButton(){
    if($("div.tool-items a:contains('模式切换')").length > 0){
        console.log("灰机汉化 滚动浏览 - 发现按钮");
        $("div.tool-items a:contains('模式切换')").css("display", "block");
    }else{
        console.log("灰机汉化 滚动浏览 - 未发现按钮");
        $("div.tool-items").append('<a href="javascript:smp.toolbar.buildImageDiv()" style="display: block;" class="tool-item gradient">模式切换<i class="icon-retweet"></i></a>');
    }
}

waitForKeyElements ("div.tool-items", showButton, true);

smp.toolbar.buildImageDiv = function() { try {
  $('#normal-button').click();
  var __ad_at = "smp_image_div_id";
  var adDom = document.getElementById(__ad_at);
  if (adDom) {
    $('#'+__ad_at).toggle();
	$('#gameCanvas').toggle();
	smp.toolbar.buildImageDivDisplay = !smp.toolbar.buildImageDivDisplay;
    return;
  }
  if (!adDom) {
    adDom = document.createElement("div");
    adDom.setAttribute('id',__ad_at);
    adDom.style.position = 'absolute';
    adDom.style.top = '0px';
    adDom.style.bottom = '0px';
    adDom.style.left = '0px';
    adDom.style.right = '0px';
    adDom.style.margin = '0';
    adDom.style.padding = '0';
    adDom.style.borderWidth = '0';
    adDom.style.zIndex = 10;
    adDom.style.transform = 'translate3d(0,0,0)';
    document.body.appendChild(adDom);
  }
  var width = $('#gameCanvas').width();
  var innerHTML = '<div style="margin:0 auto;padding:0;width:'+width+'px;position:relative;">';
  var pages = smp.config.pages.page;
  var orders = smp.config.pages.order;
  var len = orders.length;
  var i = 0;
  var order = null;
  var url = null;
  for (i = 0; i < len; i++) {
	order = orders[i];
	url = pages[order];
	innerHTML += '<img class="lazy" style="margin:0;padding:0;display:block;min-height: 200px;" data-original="'+url+'" />';
  }
  innerHTML += '</div>';
  adDom.innerHTML = innerHTML;
  $("img.lazy").lazyload({
    threshold : 200
  });
  $('#gameCanvas').hide();
  smp.toolbar.buildImageDivDisplay = !smp.toolbar.buildImageDivDisplay;
} catch(e){console.warn(e.message);} };