// ==UserScript==
// @name         1688获取缩略图及分类图
// @namespace    http://detail.1688.com/offer
// @version      0.3
// @description  获取1688产品大缩略图
// @author       Richard He
// @match        https://detail.1688.com/offer/*
// @grant        none
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    
    //缩略图获取部分开始
    var but = document.createElement('div');
    but.style.width = '380px';
    but.innerText = '请手动将所有缩略图显示后再点击';
    but.id = 'but';
    but.style.height = '40px';
    but.style.textAlign = 'center';
    but.style.lineHeight = '40px';
    but.style.cursor = 'hand';
    but.style.fontSize = '14px';
    but.style.border = '1px solid #000';
    but.onclick = function(){getImg();};
    document.getElementsByClassName('region-detail-gallery')[0].appendChild(but);
    function getImg(){
    document.getElementById('but').style.display = "none";
    //获取原图地址
    var tri = document.getElementsByClassName('tab-trigger');
    var count = tri.length;
    for(var i=0;i<count;i++)
    {
        var thumb1 = tri[i].childNodes[1].childNodes[1].childNodes[1];
        var arr;
        arr = thumb1.src.split(".");
        if(i<5)
        arr.splice(-2,1);
        else{
        var suffix = arr[arr.length-2];
        var temp = suffix.substring(0,suffix.length-1);
        arr.splice(-3,3);
        arr.push(temp);
        }
        var addr = arr.join(".");

        
    //生成按钮
        var buttonR = document.createElement('a');
        buttonR.href = addr;
        buttonR.target = '_blank';
        buttonR.innerHTML = i+1;
        //buttonR.style.position = 'absolute';
        //buttonR.style.left = '200px';
        //buttonR.style.top = 300+i*40+"px";
        buttonR.style.border='1px solid #000';
        buttonR.style.width = '24px';
        buttonR.style.height = '24px';
        buttonR.style.textAlign = 'center';
        buttonR.style.lineHeight = '24px';
        buttonR.style.backgroundColor = '#ddd';
        buttonR.style.color = '#000';
        buttonR.style.float = 'left';
        buttonR.style.margin = '2px 2px';
        //document.getElementById('dt-tab').insertBefore(buttonR,document.get
        document.getElementsByClassName('region-detail-gallery')[0].appendChild(buttonR);
    }
    }
    //缩略图部分完毕
    
    //分类图开始
    var objLeading = document.getElementsByClassName('obj-leading')[0];
      
    var wrapper = document.createElement('div');
    wrapper.className = 'obj-leading';
    objLeading.parentNode.insertBefore(wrapper,objLeading.nextSibling);
    
    var objHeader = document.createElement('div');
    objHeader.className = 'obj-header';
    objHeader.innerText = '下载';
    wrapper.appendChild(objHeader);
    
    var objContent = document.createElement('div');
    objContent.className = 'obj-content';
    wrapper.appendChild(objContent);
    
    var listLeading = document.createElement('ul');
    listLeading.className = 'list-leading';
    listLeading.innerText = '等待分类图片显示完毕点击此处';
    listLeading.style.cursor = 'pointer';
    listLeading.onclick = function (){ this.innerText = '';getCat();};
    objContent.appendChild(listLeading);
    
    function getCat(){
    var lis = objLeading.childNodes[3].childNodes[1].childNodes;
    var srcs = new Array();
    lis.forEach(function(val,ind,lis){if(val.nodeName == "LI")srcs.push(val.childNodes[1].childNodes[1].childNodes[1].childNodes[1].childNodes[1].src);});

    for(var i=0;i<srcs.length;i++)
    {
        var temp;
        temp = srcs[i].split('.');
        temp.splice(-2,1);
        srcs[i] = temp.join('.');
        var li = document.createElement('li');
        li.innerHTML = "<a class='img' style='line-height:36px;text-align:center;color:#FF500B;font-weight:bold;display:inline-block;width:36px;height:36px;border:1px solid #FF500B' target='_blank' href='"+srcs[i]+"'>"+(i+1)+"</a>";
        listLeading.appendChild(li);
    }
    }
})();