// ==UserScript==
// @name       百度云插件+APIKey
// @namespace  
// @version    4.2.1 beta
// @description  在百度云网盘的页面添加一个搜索框，调用谷歌的搜索API搜索所有公开分享文件// To add a search frame that calls the google cse api for searching some public shared files in BaiduYun cloud netdisk. 

// @description  For more imformation,please email me at wang0xinzhe@gmail.com. 
// @include       http://pan.baidu.com/disk/*
// @include      https://pan.baidu.com/disk/*
// @include      https://yun.baidu.com/#from=share_yun_logo/
// @include      http://yun.baidu.com/#from=share_yun_logo/
// @grant       none
// @run-at document-end
// @copyright  2014,04,20 __By Wang Hsin-che   
// @downloadURL none
// ==/UserScript==
var url='https://www.googleapis.com/customsearch/v1element?key=AIzaSyCVAXiUzRYsML1Pv6RwSG1gunmMikTzQqY&rsz=filtered_cse&num=10&hl=en&prettyPrint=true&source=gcsc&gss=.com&sig=ee93f9aae9c9e9dba5eea831d506e69a&cx=018177143380893153305:yk0qpgydx_e&q=';//&q=windows&start=0';
var showList='';
var totalResults=0;
var frontIndex=0;
var pageIndex=0;
var tempNode;


//根据屏幕设置div的大小位置
var myDivHeight=window.innerHeight/4*3;
var myDivWidth=window.innerWidth/2;
var myDivLeft=-window.innerWidth/6;
var myDivTop=window.innerHeight/8;

//搜索框的html
var html_1='<div class="search-form"><input class="search-query" placeholder=" 搜索公开分享文件" id="wxz_input">\
			<input type="button" value="GO" class="search-button" id="wxz_searchButton"></div>';
//显示页面的html

var html_2='\
<div class="b-panel b-dialog share-dialog" id="wxz_myDiv">\
<div class="dlg-hd b-rlv">\
<div title="关闭" id="wxz_closeButton" class="dlg-cnr dlg-cnr-r"></div>\
<h3 >搜索</h3>\
</div>\
<div class="content wxz-content">\
</div>\
<a class="wxz-next" id="wxz_nextPageButton"><font color="#333">[-->]</font></a>\
<a class="wxz-front" id="wxz_frontPageButton"><font color="#333">[<--]</font></a>\
</div>\
';

//插入的css
var cssText='\
<style type="text/css">\
	#wxz_searchButton{background-image:none;cursor:pointer;background-color: rgb(155, 154, 154);color: #ffffff;}\
		.wxz-myDiv{display:none;z-index:99;box-shadow:0 0 9px rgba(0,0,0,.9);background:#FFFFFF;position:absolute;outline:0 none;}\
		.wxz-content{line-height: 200%;text-align: left;white-space: normal;margin-left:20px;overflow:scroll;}\
		.wxz-close{margin-right:20px;important;height:20px;cursor:pointer}\
		.wxz-next{margin-right:20px;float:right;height:20px;cursor:pointer}\
		.wxz-front{margin-right:40px;float:right;height:20px;cursor:pointer}\
		.wxz-content a{color:#0066FF!important;font: 14px/1.5 arial,sans-serif!important;}\
</style>\
				';


$('#top_menu_other').replaceWith(html_1);//搜索栏替换了广告	
$('body').append(html_2);
$('head:first').append(cssText);//插入css

//应用大小和页面
$('.wxz-content').height(myDivHeight).width(myDivWidth);
$('.wxz-myDiv').offset({ top: myDivTop, left: myDivLeft })



//绑定各种函数
$(wxz_searchButton).click(function(){frontIndex=0;pageIndex=0;search($(wxz_input).val());});
$(wxz_closeButton).click(function(){searchClear();});
$(wxz_nextPageButton).click(function(){if(pageIndex<totalResults){search($(wxz_input).val());}else{alert("It is the last page!");}});
$(wxz_frontPageButton).click(function(){if(frontIndex>=0){pageIndex=frontIndex;search($(wxz_input).val());}else{alert("It is the top page!");}});
$(wxz_input).keyup(function(event){if(event.which==13){$(wxz_searchButton).trigger('click');}});


//“搜索重置”函数
function searchClear(){
	$('#wxz_myDiv').slideUp();
	$(wxz_input).val('');
	showList='';
	tempNode='';
	frontIndex=0;
	pageIndex=0;
	$('.wxz-content').empty();//清空原来的内容
	console.log('clear');
}

//“搜索”函数
function search(keyword){
	console.log('search');
	if (keyword==''){
		console.log('fail');
		return 1;
	}
	$('.wxz-content').html('<img src=http://www.scienceq.org/images/loading_pdf.gif>');//显示loading条
	$('#wxz_myDiv').slideDown();
	$.getJSON(url+keyword+'&start='+pageIndex,function(Data){	//发送请求                                                                           
				frontIndex=pageIndex-10;
				totalResults=parseInt(Data.cursor.estimatedResultCount,10);//把json数据转为html，存入缓存showlist
				showList="<p align='right'>---- by Google Custome Search </p><p white-space='normal' class='temp' >keyword is    '"+keyword+"'    found  '"+Data.cursor.resultCount+"'  Results</p><p>--------------------------------------------------<p>";
				$.each(Data.results,function(index,element){
					pageIndex++;
					tempNode='<a href="'+element.unescapedUrl+'"target="_blank">'+element.titleNoFormatting+'</a>';
					showList+='<p><p class="myTitle">'+tempNode+'</p>';
					showList+='<p class="mySnippet">'+element.contentNoFormatting+'</p>';
					});				
				showList+='<p><p>-------------------------------------------------------------<p class="temp" margin-left="20px">"'+pageIndex+'"  items have been load </p><p align="right"><a href="http://userscripts.org/users/608364" target="_blank"><font color="#333">About me</font></a></p>';
				$('.wxz-content').html(showList);//替换原来内容，之所以用了showlist作为缓存是为了提升速度
        		if(Data.cursor.resultCount==0){$('.wxz-content').html('<div align="center"><img  src=http://blog.fpweb.net/media/2011/11/No-Search-Results-325x287.png></div>');}//无结果时提示
				$('.wxz-content').scrollTop(0);//滚到顶端
			}).fail(function() {
       	 	$('.wxz-content').html('<img src=http://icongal.com/gallery/image/297514/cancel_quit_terminate_exit_error_close_delete.png>');//出错的图片
			console.log( "error" );																												
		  })
		  .always(function() {
			console.log( "search and list complete" );
		  });
	}