// ==UserScript==
// @name			淘宝 图片获取脚本
// @namespace		https://item.taobao.com/
// @version			2.173
// @description		淘宝缩略图、首图视频、分类图、详情图下载 ##分类图会将已经无货下架的分类也显示出来 开发环境:Chrome:66.0.3359.170 x64 不保证兼容其他类型浏览器
// @author			Richard He
// @homepage		http://www.greasyfork.org/users/89556
// @iconURL      http://p8fvixyr8.bkt.clouddn.com/images/icon/taobaoImageDown.ico
// @match        https://item.taobao.com/*
// @grant        GM_notification
// @grant        GM_addStyle
// @grant        GM_download
// @downloadURL none
// ==/UserScript==
	//last edit:2018-5-16 0622
	//Jshint Options
	/*jshint multistr:true */

	//Document Css Style
	GM_addStyle('\
	.thumb-ul{\
		font-family:Arial;\
		font-weight:bold;\
	}\
	.thumb-ul li{\
		border-style:solid;\
		border-color:#FE4403!important;\
		font-family:Arial;\
		font-weight:bold;\
		font-size:16px;\
		cursor:pointer;\
	}\
	.cat-ul li{\
		cursor:pointer;\
		font-size:14px;\
		font-family:Arial;\
	}\
	.detail-li,.border-li{\
		width:40px!important;\
		padding:0px!important;\
	}\
	.tb-tabbar>li{\
		min-width:80px!important;\
	}\
	');

	//Global Varible
	var d = document;
	var paramsObj = {}; //store all the parameters in url
	var params = location.search.substr(1).split('&');
	for(var i=0;i<params.length;i++)
	{
		paramsObj[params[i].split('=')[0]] = unescape(params[i].split('=')[1]);
	}

   //下载缩略图及首图视频
	document.onreadystatechange = function()
	{
		var thumbVideoExist = 0;
		var thumbVideoSrc = '';
		var ulThumb = d.createElement('ul');
		ulThumb.className = 'tb-thumb tb-clearfix thumb-ul';
		var liThumb,divThumb,aThumb;
		d.getElementsByClassName('tb-gallery')[0].appendChild(ulThumb);
		if(d.getElementById('J_VideoThumb')!=null)
		{
			thumbVideoExist = 1;
		}
		var videoStart = d.getElementsByClassName('vjs-center-start')[0];
		if(!!videoStart)
		{
		  videoStart.click(); //click to load video src
		}
		var lis = d.getElementById('J_UlThumb').getElementsByTagName('li');
		var tSrc = [];
		for(var i = 0;i<lis.length;i++)
		{
			if(thumbVideoExist==1&&i==0)
			{
				tSrc[i] = thumbVideoSrc;
			}
			else
			{
				tSrc[i] = lis[i].getElementsByTagName('img')[0].src;
			}
			if(tSrc[i].indexOf('SS2')<0)
			{
				tSrc[i] = tSrc[i].substr(0,tSrc[i].length-16);
			}
			else
			{
				tSrc[i] = tSrc[i].substr(0,tSrc[i].length-16)+'_800x800'+tSrc[i].substr(tSrc[i].length-10,4);
			}
			liThumb = d.createElement('li');
			ulThumb.appendChild(liThumb);
			divThumb = d.createElement('div');
			divThumb.className = 'tb-pic tb-s50';
			liThumb.appendChild(divThumb);
			aThumb = d.createElement('a');
			aThumb.innerText = i+1;
			aThumb.src = '###';
			aThumb.title = tSrc[i];
			aThumb.setAttribute('data',tSrc[i]);
			divThumb.appendChild(aThumb);
			aThumb.onclick = function()
			{
				if(thumbVideoExist==1&&(parseInt(this.innerText)-1)==0)
				{
					GM_notification('此项目为商品首图视频','温馨提示');
					GM_download('https:'+d.getElementsByTagName('video')[0].getAttribute('src'),paramsObj.id+'视频');
				}
				else
				{
					GM_download(this.getAttribute('data'),paramsObj.id+'缩略图'+this.innerText);
				}
			};
			aThumb.onmouseover = function()
			{
				lis[parseInt(this.innerText)-1].className = 'tb-selected';

			};
			aThumb.onmouseout = function()
			{
				lis[parseInt(this.innerText)-1].className = '';
			};
		}
	};

	//下载图片 分类图片
	var catDl = d.getElementsByClassName('J_Prop_Color')[0];
	if(catDl!=undefined)
	{
		var imgExist = 0;
		var aExist = catDl.getElementsByTagName('a');
		if(aExist!=undefined)
		{
			for(var j =0;j<catDl.getElementsByTagName('a').length;j++)
			{
				if(catDl.getElementsByTagName('a')[j].style.backgroundImage!= '')
				{
					imgExist =1;
				}
			}
			if(imgExist>0)
			{
				var catImages =[];
				var dlCat,dtCat,ddCat,ulCat,liCat,aCat;
				dlCat = d.createElement('dl');
				dlCat.className = 'tb-prop tb-clear J_Prop_Color';
				catDl.parentNode.insertBefore(dlCat,catDl.nextSibling);
				dtCat = d.createElement('dt');
				dtCat.className = 'tb-property-type';
				dlCat.appendChild(dtCat);
				dtCat.innerText = '分类下载';
				ddCat = d.createElement('dd');
				dlCat.appendChild(ddCat);
				ulCat = d.createElement('ul');
				ulCat.className = 'J_TSaleProp tb-img tb-clearfix cat-ul';
				ddCat.appendChild(ulCat);
				var bgImg;
				for(var k=0;k<aExist.length;k++)
				{
					bgImg = aExist[k].style.backgroundImage;
					if(bgImg != '')
					{
						catImages[k] ='https:'+bgImg.substr(5,bgImg.length-17);
					}
					else
					{
						catImages[k] = 0;
					}
					liCat = d.createElement('li');
					ulCat.appendChild(liCat);
					aCat = d.createElement('a');
					liCat.appendChild(aCat);
					aCat.data = catImages[k];
					aCat.innerText = k+1;
					aCat.onmouseover = function()
					{
						if(this.data != 0)
						{catDl.getElementsByTagName('li')[this.innerText-1].className = 'tb-selected';}
						else
						{catDl.getElementsByTagName('li')[this.innerText-1].className += ' tb-selected';}
					};
					aCat.onmouseout = function()
					{
						if(this.data != 0)
						{catDl.getElementsByTagName('li')[this.innerText-1].className = '';}
						else
						{catDl.getElementsByTagName('li')[this.innerText-1].className = 'tb-txt';}
					};
					aCat.onclick = function()
					{
						if(this.data == 0)
						{
							GM_notification('请注意：这个分类没有图片','温馨提示');
						}
						else
						{
							GM_download(this.data,paramsObj.id+'分类图'+this.innerText+this.data.substr(-4,4));
						}
					};
				}
			}
		}
	}

	 //获取商品 详情图

	 var imgAdrs = [];
	 var detailLi = d.createElement('li');
	 detailLi.className = 'detail-li';
	 var detailA = d.createElement('a');
	 detailA.onclick = function()
	 {
		 var desLis = document.getElementById('J_DivItemDesc').childNodes;
		 var des = document.getElementById('J_DivItemDesc');
		 var imgs = des.getElementsByTagName('img');
		 for(var i in imgs)
		 {
			 if(typeof imgs[i] == 'object' && imgs[i].src.indexOf('assets')<0)
			 {
				 imgAdrs.push(imgs[i].src);
			 }
		 }
		 GM_notification({
			 text:'本次将下载 '+imgAdrs.length+ ' 张图片,点击此处下载',
			 title:'友情提示',timeout:3000},function()
						 {
			 for(var j in imgAdrs)
			 {
				 GM_download(imgAdrs[j],paramsObj.id+"详情图"+(parseInt(j)+1));
			 }
		 });
	 };
	 detailA.innerText = '下载';
	 detailA.href = '###';
	 detailA.className = 'tb-tab-anchor';
	 detailA.title = '注意：点击之前先将页面下拉，使得所有图片完全显示完毕再点击下载按钮，否则将下载一些不完整的图片';
	 detailLi.appendChild(detailA);
	 document.getElementById('J_TabBar').insertBefore(detailLi,document.getElementById('J_ServiceTab').nextSibling);

	 //图片加边框
	 var borderLi = d.createElement('li');
	 var detailImagesObj = d.getElementById('J_DivItemDesc').getElementsByTagName('img');
	 borderLi.className = 'border-li';
	 var borderA = d.createElement('a');
	 borderA.setAttribute('borderAdded',0);
	 borderLi.appendChild(borderA);
	 borderA.onclick = function()
	 {
		 if(this.getAttribute('borderAdded') == 0)
		 {
			 for(var i in detailImagesObj)
			 {
				 if(typeof detailImagesObj[i] == 'object' && detailImagesObj[i].src.indexOf('assets')<0)
				 {
					 detailImagesObj[i].style.borderBottom = '20px solid #F12D03';
					 }
			 }
			 this.setAttribute('borderAdded',1);
			 this.innerText = '去框';
		 }
		 else
		 {
			 this.setAttribute('borderAdded',0);
			 for(var j in detailImagesObj)
			 {
				 if(typeof detailImagesObj[j] == 'object' && detailImagesObj[j].src.indexOf('assets')<0)
					 detailImagesObj[j].style.borderBottom = '0px solid #F12D03';
			 }
			 this.innerText = '加框';
		 }
	 };
	 borderA.className = 'tb-tab-anchor';
	 borderA.href = '###';
	 borderA.innerHTML = '加框';
	 borderA.title = '单击一次：给详情图每张图片下方添加20像素宽红色边框；再次单击：取消边框';
	 document.getElementById('J_TabBar').insertBefore(borderLi,document.getElementById('J_ServiceTab').nextSibling);