feat: 后端全量更新 - 含所有本次需求

- Contract.php: 返回合约账户余额(balance_contract)
- My.php: 地址管理增加BTC/ETH
- AppContract.php: 一键平仓(closeall)
- AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2)
- site.php: 手续费减半(0.018→0.009)
- agent_permission_setup.sql: 代理权限SQL
- crypto_news_crawler.py: 新闻自动采集脚本

public/GoJS-master/learn/kod/plugins/picasa/app.php

@@ -0,0 +1,17 @@
+<?php
+
+class picasaPlugin extends PluginBase{
+	function __construct(){
+		parent::__construct();
+	}
+	public function regiest(){
+		$this->hookRegiest(array(
+			'user.commonJs.insert' => 'picasaPlugin.echoJs',
+		));
+	}
+	public function echoJs($st,$act){
+		if($this->isFileExtence($st,$act)){
+			$this->echoFile('static/main.js');
+		}
+	}
+}

public/GoJS-master/learn/kod/plugins/picasa/package.json

@@ -0,0 +1,42 @@
+{
+	"id":"picasa",
+	"name":"{{LNG.Plugin.default.picasa}}",
+	"title":"",
+	"version":"1.22",
+	"source":{
+		"className":"x-item-file x-jpg",
+		"screenshoot":[
+			"{{staticPath}}images/wall_page/1.jpg",
+			"{{staticPath}}images/wall_page/5.jpg"
+		]
+	},
+	"category":"media,file",
+	"description":"{{LNG.Plugin.default.picasa}}",
+	"keywords":"",
+	"auther":{
+		"copyright":"kodcloud.",
+		"homePage":"http://www.kodcloud.com",
+	},
+	"configItem":{
+		"pluginAuth":{
+			"type":"userSelect",
+			"value":"all:1",
+			"display":"{{LNG.Plugin.config.auth}}",
+			"desc":"{{LNG.Plugin.config.authDesc}}",
+			"require":1
+		},
+		"sep1001":"<hr/>",
+		"fileExt":{
+			"type":"tags",
+			"display":"{{LNG.Plugin.Config.fileExt}}",
+			"desc":"{{LNG.Plugin.Config.fileExtDesc}}",
+			"value":"jpg,jpeg,png,bmp,gif,ico,svg,cur,webp",
+		},
+		"fileSort":{
+			"type":"number",
+			"display":"{{LNG.Plugin.Config.fileSort}}",
+			"desc":"{{LNG.Plugin.Config.fileSortDesc}}",
+			"value":10
+		}
+	}
+}

public/GoJS-master/learn/kod/plugins/picasa/static/main.js

@@ -0,0 +1,15 @@
+kodReady.push(function(){
+	kodApp.add({
+		name:"picasa",
+		title:"{{LNG.Plugin.default.picasa}}",
+		ext:"{{config.fileExt}}",
+		sort:"{{config.fileSort}}",
+		icon:"x-item-file x-png",
+		callback:function(imagePath,ext){
+			var appStatic = "{{pluginHost}}static/";
+			require.async(appStatic+'page.js',function(app){
+				app(imagePath,appStatic)
+			});
+		}
+	});
+});

public/GoJS-master/learn/kod/plugins/picasa/static/page.js

@@ -0,0 +1,138 @@
+define(function(require, exports) {
+	var imageUrl = function(path,trueImage){
+		if(path.substr(0,4) == 'http'){
+			return path;
+		}
+		//gif 预览
+		if(trueImage || core.pathExt(path) == 'gif'){
+			return core.path2url(path);
+		}
+		
+		var imageThumb = G.appHost+'explorer/image';
+		if(G.sid){
+			imageThumb = G.appHost+'share/image&user='+G.user+'&sid='+G.sid;
+		}
+		imageThumb += '&path='+urlEncode(path)+'&thumbWidth=1200';
+		return imageThumb;
+	}
+	var getImageArr = function(imagePath){
+		var items = [];
+		var index = -1;
+		if(window.Config){
+			if(Config.pageApp == 'editor'){
+				var $folder = $(".curSelectedNode").parent().parent();
+				var fileNum = 0;
+				var zTree = ui.tree.zTree()
+				$folder.find('li[treenode]').each(function(){
+					var node = zTree.getNodeByTId($(this).attr('id'));
+					if(!node) return;
+
+					var thePath = node.path;
+					var ext = core.pathExt(node.path);
+					if(!kodApp.appSupportCheck('photoSwipe',ext)){
+						return;
+					}
+					if(thePath == imagePath){
+						index = fileNum;
+					}
+					fileNum ++;
+					items.push([
+						[imageUrl(thePath),imageUrl(thePath),thePath],
+						core.pathThis(thePath),[0,0],'',imageUrl(thePath,true)
+					]);
+				});
+			}else{
+				$('.file-continer .ico.picture').each(function(i){
+					var thumb = $(this).find('img').attr('data-original');
+					var thePath = hashDecode($(this).parents('.file').attr('data-path'));
+					if($(this).find('img').attr('data-src')){
+    					thePath = $(this).find('img').attr('data-src');
+    				}
+					if(thePath == imagePath){
+						index = i;
+					}
+					items.push([
+						[thumb,imageUrl(thePath),thePath],
+						core.pathThis(thePath),[0,0],'',imageUrl(thePath,true)
+					]);
+				});
+			}
+		}
+		if(items.length == 0 || index == -1){
+		    items = [[[imageUrl(imagePath),imageUrl(imagePath),imagePath],
+					 core.pathThis(urlDecode(imagePath)),[0,0],'']];
+			index = 0;
+		}
+		return {items:items,index:index};
+	}
+
+	//播放幻灯片时，删除图片.
+	var removeImageRequest = function(path,callback){
+		ui.pathOperate.remove([{type:"file",path:path}],function(result){
+			if(!result || !result.code){
+				return;
+			}
+			ui.fileLight.clear();
+			ui.f5Callback(function() {
+				callback();
+			});
+		})
+	};
+	var removeImage = function(){
+		var index = parseInt($('#PV_Control #PV_Items .current').attr('number'));
+		var path = myPicasa.arrItems[index][0][2];
+		removeImageRequest(path,function(){
+			if(myPicasa.arrItems.length <=1){
+				return myPicasa.close();
+			}
+			myPicasa.arrItems.splice(index,1);
+			if(index >= myPicasa.arrItems.length -1){
+				index = myPicasa.arrItems.length -1
+			}
+			myPicasa.play(myPicasa.arrItems,index);
+		});
+	}
+	var imageRotate = function(rotate){
+		var index = parseInt($('#PV_Control #PV_Items .current').attr('number'));
+		var path = myPicasa.arrItems[index][0][2];
+		ui.pathOperate.imageRotate(path,rotate,function(){
+			var imgSrc = function(img){
+				var str = '&picture='+UUID();
+				return img.indexOf('?') == -1 ? img+'?a=1'+str : img+str
+			}
+			var $img = $('[data-path='+pathHashEncode(path)+']').find('img');
+			var imageSmall = imgSrc(myPicasa.arrItems[index][0][0]);
+			var imgageBig = imgSrc(myPicasa.arrItems[index][0][1]);
+			
+			$("#PV_Items .current img").attr('src',imageSmall);
+			$img.attr('src',imageSmall);
+			$img.attr('data-original',imageSmall);
+			myPicasa.resetImage(imgageBig,imageSmall);
+		});
+	}
+	var loadImageBefore = function(){
+	    var index = parseInt($('#PV_Control #PV_Items .current').attr('number'));
+		var path = myPicasa.arrItems[index][0][2];
+		if(path.substr(0,4) == 'http'){
+		    $("#PV_rotate_Left,#PV_rotate_Right,#PV_Btn_Remove").addClass('hidden');
+		}else{
+		    $("#PV_rotate_Left,#PV_rotate_Right,#PV_Btn_Remove").removeClass('hidden');
+		}
+	}
+	return function(imagePath,appStatic){
+		require.async([
+			appStatic+'picasa/style/style.css',
+			appStatic+'picasa/picasa.js'
+		],function(){
+			if(!window.myPicasa){
+				myPicasa = new Picasa();
+				myPicasa.removeImage = removeImage;
+				myPicasa.imageRotate = imageRotate;
+				myPicasa.loadImageBefore = loadImageBefore;
+			}
+			var images = getImageArr(imagePath);
+			myPicasa.play(images.items,images.index);
+		});
+	}	
+});
+

public/GoJS-master/learn/kod/plugins/picasa/static/picasa/picasa.js

@@ -0,0 +1,931 @@
+var picasaGetDom=function(element) {
+	return typeof(element) == 'object' ? element : document.getElementById(element);
+};
+function Picasa(){}
+Picasa.prototype = {
+	author			: 'Mudoo',
+	version			: '1.0 Alpha',
+	name			: 'MyPicasa',	// 实例名
+	
+	// 功能状态
+	hotkey			: true,			// 快捷按键是否可用
+	wheel			: true,			// 鼠标滚轮是否可用
+	slide			: true,			// 幻灯片播放是否可用
+	auto			: true,			// 自动播放是否可用
+	zoomAnimation	: true,			// 图片缩放动画是否可用
+	
+	// 参数
+	itemWidth		: 36,			// 列表项宽度(像素)
+	maskOpacity		: 80,			// 遮罩层透明度
+	fadeOutTime		: 200,			// 隐藏遮罩层动画时间
+	itemsOpacity	: 60,			// 列表项透明度
+	perHintOpacity	: 40,			// 百分比提示框透明度
+	fadeInModulus	: 5,			// 渐显系数
+	fadeOutModulus	: 8,			// 渐隐系数
+	moveModulus		: 6,			// 移动系数
+	zoomModulus		: 10,			// 缩放系数
+	zoomSpeed		: .8,			// 缩放步长
+	zoomMin			: 5,			// 缩放最小百分比
+	zoomMax			: 300,			// 缩放最大百分比
+	defaulePerMax	: 90,			// 初始图片最大占屏幕百分比
+	toQuickInterval	: 200,			// 切换到快速模式间歇(1秒=1000)
+	quickDoInterval	: 50,			// 快速模式动作间歇(1秒=1000)
+	autoInterval	: 3000,			// 自动播放间歇(1秒=1000)
+	actionSpeed		: 2,			// 动作速度(越小越快，1秒=1000)
+	
+	// 计时器
+	doFade			: null,			// 透明
+	doZoom			: null,			// 图片缩放
+	doShowItem		: null,			// 列表显示
+	doMove			: null,			// 列表移动
+	doToQuick		: null,			// 切换到快速模式
+	doQuick			: null,			// 快速模式
+	doLoad			: null,			// 加载图片
+	doAuto			: null,			// 自动播放
+	doHidePerHint	: null,			// 隐藏百分比提示栏
+	doFadePerHint	: null,			// 显示百分比提示栏
+	
+	// 变量
+	arrItems		: [],			// 列表数组
+	arrCount		: -1,			// 列表数量
+	currentNo		: 0,			// 当前图片No
+	itemDefaultX	: 0,			// 列表默认位置
+	initialCoord	: [0, 0],		// 图片初始坐标
+	moveDistance	: [0, 0],		// 图片拖拽移动距离
+	defaultSizePer	: 100,			// 默认图片大小百分比
+	fullSizePer		: 100,			// 满屏图片大小百分比
+	currentSizePer	: 100,			// 当前图片大小百分比
+	currentZoomSize	: [0, 0],		// 当前图片大小
+	currentZoomCoord: [0, 0],		// 当前图片坐标
+	isLoaded		: false,		// 图片是否加载完
+	isZooming		: false,		// 是否正在缩放图片
+	isDraging		: false,		// 是否正在拖拽图片
+	isAutoPlaying	: false,		// 是否正在自动播放
+	
+	activeImage		: null,			// 图片加载容器
+	lng				: {				// 中文
+		'zoomin'	: 'zoom in',
+		'zoomout'	: 'zoom out',
+		'zoomactual': 'true size',
+		'zoomauto'	: 'zoom auto',
+		'prev'		: 'prev',
+		'slide'		: 'play',
+		'next'		: 'next',
+		'autoplay'	: 'auto play',
+		'loading'	: 'loading...',
+		'loaderror'	: 'image load error!'
+	},
+
+
+	play:function(items,index) {
+		var self = this;
+		if($('#PicasaMask').length == 0) {
+			this.createFrame();
+			this.setElementEvent();
+			if(this.wheel) this.setWheel();		
+
+			$(window).bind("resize",function(){
+				if(self.arrCount > 0){
+					self.setFrameResize();
+				}				
+			});
+		}
+		self.arrItems = items;
+		this.arrCount = this.arrItems.length;
+		this.createItems();
+		$('#PicasaView a,#PicasaView img').attr('draggable',false);
+		$('#PV_Control li').click(function(){
+			var number = $(this).attr('number');
+			self.changeImage(number);
+		});
+		self.display(index);
+		$('body').addClass('stop_hot_key');
+	},
+	removeImage:function(){
+	},
+	imageRotate:function(){
+	},
+	loadImageBefore:function(){
+	},
+
+
+	
+	// 窗口大小
+	getWindowSize:function() {
+		var windowWidth, windowHeight;
+		if (self.innerHeight) { // all except Explorer
+			windowWidth = self.innerWidth;
+			windowHeight = self.innerHeight;
+		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
+			windowWidth = document.documentElement.clientWidth;
+			windowHeight = document.documentElement.clientHeight;
+		} else if (document.body) { // other Explorers
+			windowWidth = window.screen.width;
+			windowHeight= window.screen.height;
+		}
+		
+		var visibleWidth, visibleHeight;
+		visibleWidth = document.body.clientWidth;
+		visibleHeight = document.body.clientHeight;
+		return new Array(windowWidth, windowHeight, visibleWidth, visibleHeight);
+	},
+
+	// 获取鼠标位置
+	getXY:function (e){
+		var XY;
+		if(navigator.userAgent.match(/msie/i)){
+			var scrollPos;
+			if (typeof window.pageYOffset != 'undefined'){
+				scrollPos = [window.pageXOffset, window.pageYOffset];
+			}else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
+				scrollPos = [document.documentElement.scrollLeft, document.documentElement.scrollTop];
+			}else if(typeof document.body != 'undefined'){
+				scrollPos =[document.body.scrollLeft, document.body.scrollTop];
+			}
+			XY =[
+				window.event.clientX + scrollPos[0] - document.body.clientLeft,
+				window.event.clientY + scrollPos[1] - document.body.clientTop
+			];
+		}else{
+			XY = [e.pageX, e.pageY];
+		}
+		return XY;
+	},
+
+	// 透明度
+	opacity:{
+		set : function() {
+			var args = arguments;
+			var o = picasaGetDom(args[0]);
+			try{
+				o.filters.alpha.opacity = args[1];
+			}catch(e){
+				o.style.opacity = args[1]/100;
+				o.style.filter = 'alpha(opacity='+ (args[1]) +')';
+			}
+		},
+		get : function() {
+			var o = picasaGetDom(arguments[0]), p;
+			try{
+				p = parseInt(o.filters.alpha.opacity, 10);
+				if(isNaN(p)) p=100;
+			}catch(e){
+				p = o.style.opacity;
+				p *= 100;
+			}
+			return p;
+		}
+	},
+	// 显示隐藏下拉框
+	displaySelect:function(status) {
+		var selects = document.getElementsByTagName('select');
+		var count = selects.length;
+		for (var i=0;i<count;i++){
+			selects[i].style.visibility = status ? 'visible' : 'hidden';
+		}
+	},
+	// 事件操作
+	Event:{
+		add : function(o, e, h) {
+			o = picasaGetDom(o);
+			if(o.addEventListener){
+				o.addEventListener(e, h, false);
+			}else if(o.attachEvent){
+				o.attachEvent('on'+e, function(){
+					return h.call(o, window.event);
+				});
+			}else{
+				var oldHandler = o['on'+e] || function(){};
+				o['on'+e] = function(){
+					oldHandler();
+					h();
+				}
+			}
+		},
+		remove : function(o, e, h) {
+			o = picasaGetDom(o);
+			if(o.removeEventListener){
+				o.removeEventListener(e, h, false);
+			}else if(o.detachEvent){
+				o.detachEvent('on'+e, h);
+			}else{
+				o['on'+e] = null;
+			}
+		},
+		end : function(e) {
+			e = e || window.event;
+			e.stopPropagation && (e.preventDefault(), e.stopPropagation()) || (e.cancelBubble = true, e.returnValue = false);
+		}
+	},
+
+	// 生成框架
+	createFrame : function() {
+		// 背景遮罩
+		this.mask = document.createElement('div');
+		this.mask.id = 'PicasaMask';
+		document.body.appendChild(this.mask);
+		// 主体框架
+		this.frame = document.createElement('div');
+		this.frame.id = 'PicasaView';
+		this.frame.innerHTML =
+			'<div id="PV_Loading"></div>'+
+			'<div id="PV_Error" >error</div>'+
+			'<div id="PV_Number"></div>'+
+			'<a href="#" id="PV_Close" ><span>×</span></a>'+
+			'<img id="PV_Picture" src="" />'+
+			'<img id="PV_Picture_Temp" src="" />'+
+			'<div id="PV_PerHint"></div>'+
+			'<div id="PV_Hint"></div>'+
+			'<div id="PV_Control">'+
+			'	<ul id="PV_Items"></ul>'+
+			'	<div id="PV_Buttons">'+
+			'		<a href="javascript: void(0);" id="PV_Btn_ZoomOut" class="tool-btn">-</a>'+
+			'		<a href="javascript: void(0);" id="PV_Btn_ZoomIn" class="tool-btn">+</a>'+
+			'		<a href="javascript: void(0);" id="PV_Btn_ZoomActual" class="tool-btn">1:1</a>'+
+			'		<div id="PV_Select" class="PV_Btn_Normal">'+
+			'			<a href="javascript: void(0);" id="PV_Btn_Prev"><i class="icon-arrow-left"></i></a>'+
+			'			<a href="javascript: void(0);" id="PV_Btn_Slide"><i class="icon-play"></i></a>'+
+			'			<a href="javascript: void(0);" id="PV_Btn_Next"><i class="icon-arrow-right"></i></a>'+
+			'		</div>'+
+			'		<a href="javascript:void(0);" id="PV_rotate_Left" class="tool-btn rotate"><i class=" icon-rotate-left"></i></a>'+
+			'		<a href="javascript:void(0);" id="PV_rotate_Right" class="tool-btn rotate"><i class="icon-rotate-right"></i></a>'+
+			'		<a href="javascript:void(0);" id="PV_Btn_Full" class="tool-btn"><i class="icon-fullscreen"></i></a>'+
+
+			'		<a href="javascript:void(0);" id="PV_Btn_Remove" title="Remove(key delete)" class="tool-btn ml-20"><i class="icon-trash"></i></a>'+
+			'		<a href="javascript:void(0);" id="PV_Btn_Open" class="tool-btn"><i class="icon-external-link"></i></a>'+
+			'	</div>'+
+			'</div>';
+		document.body.appendChild(this.frame);
+		this.CloseBox = document.getElementById('PV_Close');
+
+		// 框架对象
+		this.Picture	= picasaGetDom('PV_Picture');				// 大图
+		this.Loading	= picasaGetDom('PV_Loading');				// 加载提示图
+		this.Error		= picasaGetDom('PV_Error');					// 错误提示图
+		this.fPerHint	= picasaGetDom('PV_PerHint');				// 缩放百分比提示框
+		this.fHint		= picasaGetDom('PV_Hint');					// 底部提示框
+		this.fControl	= picasaGetDom('PV_Control');				// 控制栏
+		this.fItems		= picasaGetDom('PV_Items');					// 列表项
+		this.fButtons	= picasaGetDom('PV_Buttons');				// 控制按钮
+
+		// 按钮对象
+		this.btnZoomIn		= picasaGetDom('PV_Btn_ZoomIn');		// 放大(+)
+		this.btnZoomOut		= picasaGetDom('PV_Btn_ZoomOut');		// 缩小(-)
+		this.btnZoomActual	= picasaGetDom('PV_Btn_ZoomActual');	// 原始尺寸(1:1)
+		this.btnPrev		= picasaGetDom('PV_Btn_Prev');			// 上一张图片
+		this.btnAutoPlay	= picasaGetDom('PV_Btn_Slide');			// 幻灯片演示
+		this.btnNext		= picasaGetDom('PV_Btn_Next');			// 下一张图片
+		
+		this.mask.style.display = 'none';
+		this.frame.style.display = 'none';
+		
+		var self = this;
+		this.activeImage = new Image();
+		this.activeImage.onload = function() {self.doLoad = setTimeout(function() {self.loadedAction();}, 0)}
+		this.activeImage.onerror = function() {self.doLoad = setTimeout(function() {self.loadError();}, 0)}
+		
+		// 设置遮罩层透明度
+		this.opacity.set(this.mask, this.maskOpacity);
+	},
+	
+	// 生成列表项
+	createItems : function() {
+		var itemStr = '';
+		// change by warlee 大于200则展示的时候再处理
+		for (var i=0; i<this.arrCount; i++){
+			if(i>=200){
+				itemStr += '<li number="'+i+'"><img data-original="'+ this.arrItems[i][0][0] +'" draggable="false"/></li>';
+			}else{
+				itemStr += '<li number="'+i+'"><img src="'+ this.arrItems[i][0][0] +'" draggable="false"/></li>';
+			}			
+		}		
+		this.fItems.innerHTML = itemStr;
+		this.fItems.style.width = (this.arrCount*36) +'px';
+	},
+	
+	// 设置框架布局
+	setFrameLayout : function() {
+		this._setFrame();
+		this.opacity.set(this.fPerHint, 0);
+		$(this.mask).fadeIn(this.fadeOutTime);
+	},
+	setFrameResize:function(){
+		var self = this;
+		self._setFrame();
+		var winSize = this.getWindowSize();
+		var widthPer = Math.round(this.activeImage.width/winSize[2]*100);
+		var heightPer = Math.round(this.activeImage.height/winSize[1]*100);
+		var sizePer = 100;
+		if(widthPer>heightPer && widthPer>=this.defaulePerMax) {
+			sizePer = Math.round((winSize[2]*this.defaulePerMax)/this.activeImage.width);
+		}else if(widthPer<heightPer && heightPer>=this.defaulePerMax){
+			sizePer = Math.round((winSize[1]*this.defaulePerMax)/this.activeImage.height);
+		}
+		this.defaultSizePer = sizePer;
+		this.zoomAction(sizePer, true, false);
+	},
+	_setFrame:function() {
+		this.mask.style.display = '';
+		this.frame.style.display = '';
+		var winSize = this.getWindowSize();
+		this.mask.style.width = winSize[2] +'px';
+		this.mask.style.height = winSize[1] +'px';		
+		this.frame.style.width = winSize[2] +'px';
+		this.frame.style.height = winSize[1] +'px';
+		
+		this.fHint.style.width = winSize[2] +'px';
+		this.fHint.style.top = (winSize[1]-this.fControl.offsetHeight-this.fHint.offsetHeight) +'px';
+		this.fControl.style.width = winSize[2] +'px';
+		this.fControl.style.top = (winSize[1]-this.fControl.offsetHeight) +'px';		
+		this.fButtons.style.left = ((winSize[2]-this.fButtons.offsetWidth)/2) +'px';
+		
+		this.itemDefaultX = Math.round((winSize[2]-this.itemWidth)/2);		
+		this.fItems.style.left = this.itemDefaultX +'px';		
+		this.initialCoord = [
+			Math.round(winSize[2]/2),
+			Math.round((winSize[1]-this.fControl.offsetHeight)/2)
+		];
+		//重设loading，hit位置。
+		this.Loading.style.left = (this.initialCoord[0]-30) +'px';
+		this.Loading.style.top = (this.initialCoord[1]-30) +'px';
+
+		this.Error.style.left = (this.initialCoord[0]-Math.round(this.Error.offsetWidth/2)) +'px';
+		this.Error.style.top = (this.initialCoord[1]-Math.round(this.Error.offsetHeight/2)) +'px';		
+		this.fPerHint.style.left = (this.initialCoord[0]-Math.round(this.fPerHint.offsetWidth/2)) +'px';
+		this.fPerHint.style.top = (this.initialCoord[1]-Math.round(this.fPerHint.offsetHeight/2)) +'px';
+	},
+	
+	// 设置事件
+	setElementEvent : function() {
+		var self = this;		
+		this.frame.oncontextmenu = function() {return false}
+		//this.CloseBox.onclick = function() {self.close()}//点击按钮关闭
+		this.frame.onclick = function() {self.close()}//点击蒙版关闭
+		
+		this.Picture.onclick = this.Event.end;
+		this.Picture.ondblclick = function() {
+			var zoomPer = self.currentSizePer==self.defaultSizePer ? self.fullSizePer : self.defaultSizePer;
+			if(self.moveDistance.join(',')!='0,0') {
+				zoomPer = self.defaultSizePer;
+				self.moveDistance = [0, 0];
+			}
+			self.zoomAction(zoomPer, true);
+		}
+		this.dragPicture();
+		
+		this.Loading.onclick = this.Event.end;
+		this.Error.onclick = this.Event.end;		
+		this.fPerHint.onclick = this.Event.end;		
+		this.fControl.onclick = this.Event.end;
+		this.fControl.ondblclick = function() {
+			// var zoomPer = self.currentSizePer==self.defaultSizePer ? self.fullSizePer : self.defaultSizePer;
+			// if(self.moveDistance.join(',')!='0,0') {
+			// 	zoomPer = self.defaultSizePer;
+			// 	self.moveDistance = [0, 0];
+			// }
+			// self.zoomAction(zoomPer, true);
+		}
+		this.fControl.onmouseover = function() {clearInterval(self.doFade); self.doFade = self.fadeAction(1, self.fItems, 100)}
+		this.fControl.onmouseout = function() {clearInterval(self.doFade); self.doFade = self.fadeAction(0, self.fItems, self.itemsOpacity)}
+		this.btnZoomIn.onmouseover = function() {self.hint(self.lng.zoomin);}
+		this.btnZoomIn.onmouseout = function() {self.hint();}
+		this.btnZoomIn.onclick = function() {self.zoomAction(1); return false;}
+		this.setQuickAction(this.btnZoomIn, 'self.zoomAction(1);');
+		
+		this.btnZoomOut.onmouseover = function() {self.hint(self.lng.zoomout);}
+		this.btnZoomOut.onmouseout = function() {self.hint();}
+		this.btnZoomOut.onclick = function() {self.zoomAction(-1); return false;}
+		this.setQuickAction(this.btnZoomOut, 'self.zoomAction(-1);');
+		
+		this.btnZoomActual.onmouseover = function() {self.hint(self.currentSizePer==100 ? self.lng.zoomauto : self.lng.zoomactual);}
+		this.btnZoomActual.onmouseout = function() {self.hint();}
+		this.btnZoomActual.onclick = function() {self.zoomAction(self.currentSizePer==100 ? self.defaultSizePer : 0); return false;}
+
+		this.btnPrev.onmouseover = function() {self.hint(self.lng.prev);picasaGetDom('PV_Select').className='PV_Btn_PrevOver';}
+		this.btnPrev.onmouseout = function() {self.hint();picasaGetDom('PV_Select').className='PV_Btn_Normal';}
+		this.btnPrev.onclick = function() {self.changeImage(self.currentNo-1); return false;}
+		this.setQuickAction(this.btnPrev, 'self.changeImage(self.currentNo-1);');
+		
+		// this.btnSlide.onmouseover = function() {self.hint(self.lng.slide);picasaGetDom('PV_Select').className='PV_Btn_SildeOver';}
+		// this.btnSlide.onmouseout = function() {self.hint();picasaGetDom('PV_Select').className='PV_Btn_Normal';}
+		// this.btnSlide.onclick = function() {self.autoPlayAction(); return false;}
+	
+		this.btnNext.onmouseover = function() {self.hint(self.lng.next);picasaGetDom('PV_Select').className='PV_Btn_NextOver';}
+		this.btnNext.onmouseout = function() {self.hint();picasaGetDom('PV_Select').className='PV_Btn_Normal';}
+		this.btnNext.onclick = function() {self.changeImage(self.currentNo+1); return false;}
+		this.setQuickAction(this.btnNext, 'self.changeImage(self.currentNo+1);');
+
+		//TODO 点击缩略图问题
+		$('#PV_Btn_Full').die("click").bind('click',function(e){
+			try{
+				core.fullScreen();
+			}catch(e){}
+		});
+		$('#PV_rotate_Left').die("click").bind('click',function(e){
+			try{
+				self.imageRotate(270);
+			}catch(e){}
+		})
+		$('#PV_rotate_Right').die("click").bind('click',function(e){
+			try{
+				self.imageRotate(90);
+			}catch(e){}
+		});
+
+		$('#PV_Btn_Remove').die("click").bind('click',function(e){
+			try{
+				self.removeImage();
+			}catch(e){}
+		});
+		$('#PV_Btn_Open').die("click").bind('click',function(e){
+			try{
+				//var imageLink = $('#PV_Picture').attr('src');
+				var imageLink = myPicasa.arrItems[myPicasa.currentNo][4];
+				window.open(imageLink);
+			}catch(e){}
+		});
+
+		this.btnAutoPlay.onmouseover = function() {self.hint(self.lng.autoplay);}
+		this.btnAutoPlay.onmouseout = function() {self.hint();}
+		this.btnAutoPlay.onclick = function() {self.autoPlayAction(); return false;}
+	},
+
+	// 开始显示
+	display : function(index) {		
+		var self = this;
+		this.currentNo = index;
+		if(typeof(index) != 'number'){
+			this.currentNo = 0;
+		}	
+		if(this.hotkey) this.setKeyboard(true);
+		this.displaySelect(false);
+		this.setFrameLayout();
+	
+		this.loadImage();
+		this.moveAction();
+		this.doShowItem = setTimeout(function(){
+			self.fadeAction(1, self.fItems, self.itemsOpacity, 0);
+		}, 0);
+		
+	},
+
+	// 切换图片
+	changeImage : function() {
+		if(this.isDraging) return;
+		var No = arguments[0];
+		if(No<0) No = 0;
+		if(No>=this.arrCount) No = this.arrCount-1;
+		if(No == this.currentNo) return;
+
+		clearInterval(this.doZoom);
+		clearTimeout(this.doAuto);
+
+		this.currentNo = No;
+		this.moveAction(true);
+		this.loadImage();	
+	},
+	resetImage:function(image){
+		this.arrItems[this.currentNo][0][1] = image;
+		this.currentNo -= 1;
+		this.changeImage(this.currentNo+1);
+	},
+	
+	// 加载图片
+	loadImage : function() {
+		$("#PV_Number").html((parseInt(this.currentNo)+1) + "/" +this.arrCount);
+		$('#PV_Items .current').removeClass('current');
+		$('#PV_Items [number='+this.currentNo+']').addClass('current');
+		this.loadImageBefore();
+
+		clearTimeout(this.doLoad);
+		var self = this;
+		this.isLoaded = false;
+		//this.Picture.style.display = 'none';
+		this.Loading.style.display = '';
+		this.Error.style.display = 'none';
+		if(this.Loading.offsetLeft==0) {
+			this.Loading.style.left = (this.initialCoord[0]-30) +'px';
+			this.Loading.style.top = (this.initialCoord[1]-30) +'px';
+		}
+		this.hintTxt = this.lng.loading;
+		this.hint();
+		this.activeImage.src = this.arrItems[this.currentNo][0][1];
+		this.Picture.src = this.activeImage.src;
+
+		//缩略图 change by warlee
+		var $image = $('#PV_Items .current img');
+		if(!$image.attr('src')){
+			$image.attr('src',$image.attr('data-original'));
+		}
+
+		$('#PV_Picture').css('display','none').fadeIn(200);
+	},
+	loadedAction : function() {
+		this.isLoaded = true;		
+		var winSize = this.getWindowSize();
+		var widthPer = Math.round(this.activeImage.width/winSize[2]*100);
+		var heightPer = Math.round(this.activeImage.height/winSize[1]*100);
+		var sizePer = 100;
+		if(widthPer>heightPer && widthPer>=this.defaulePerMax) {
+			sizePer = Math.round((winSize[2]*this.defaulePerMax)/this.activeImage.width);
+		}else if(widthPer<heightPer && heightPer>=this.defaulePerMax){
+			sizePer = Math.round((winSize[1]*this.defaulePerMax)/this.activeImage.height);
+		}
+		this.defaultSizePer = sizePer;
+		this.fullSizePer = Math.round(winSize[2]/this.activeImage.width*100);
+		this.moveDistance = [0, 0];
+		
+		this.arrItems[this.currentNo][2] = [this.activeImage.width, this.activeImage.height];
+		//this.Picture.src = this.activeImage.src;
+
+		this.zoomAction(sizePer, true, false);
+		var cItem = this.arrItems[this.currentNo];
+		var hintTxt = '';
+		if(cItem[3]!='') hintTxt = cItem[3]+' — ';
+		hintTxt += cItem[1] +' ('+ (cItem[2][0] +' x '+ cItem[2][1]) +')';
+		this.hintTxt = '<strong>'+ hintTxt +'</strong>';
+		this.hint();
+		
+		this.Picture.style.display = '';
+		this.Loading.style.display = 'none';
+		this.Error.style.display = 'none';		
+		if(this.isAutoPlaying) this.autoPlay();
+	},
+	loadError : function() {
+		if ($('#PicasaView').css("display")!="none") return;//动画方式退出。
+		this.Picture.style.display = 'none';
+		this.Loading.style.display = 'none';
+		this.Error.style.display = '';
+		this.Error.style.left = (this.initialCoord[0]-30) +'px';
+		this.Error.style.top = (this.initialCoord[1]-30) +'px';
+		
+		this.hintTxt = this.lng.loaderror;
+		this.hint();
+		if(this.isAutoPlaying) this.autoPlay();
+	},
+	
+	// 自动播放
+	autoPlayAction : function() {
+		if(!this.auto) return;
+		if(this.isAutoPlaying) {
+			clearTimeout(this.doAuto);
+			this.isAutoPlaying = false;
+			$(this.btnAutoPlay).removeClass('seled');
+		}else{
+			this.autoPlay();
+			this.isAutoPlaying = true;
+			$(this.btnAutoPlay).addClass('seled');
+		}
+	},
+	autoPlay : function() {
+		var self = this;
+		var No = this.currentNo>=this.arrCount-1 ? 0 : this.currentNo+1;
+		this.doAuto = setTimeout(function() {
+			self.changeImage(No);
+		}, this.autoInterval);
+	},
+	
+	// 拖拽图片
+	dragPicture : function() {
+		var self = this;
+		var currentCoord = [];
+		var currentXY = [];
+		
+		function dragMove(e) {
+			if(self.isZooming) return false;
+			if(!self.isDraging) {
+				self.fControl.style.display = 'none';
+				self.fHint.style.display = 'none';
+				self.isDraging = true;
+			}
+			var mouseXY = self.getXY(e);
+			self.Picture.style.left = (currentCoord[0]+mouseXY[0]-currentXY[0]) +'px';
+			self.Picture.style.top = (currentCoord[1]+mouseXY[1]-currentXY[1]) +'px';
+			return false;
+		}
+		function initDrag(e) {
+			currentCoord = [self.Picture.offsetLeft, self.Picture.offsetTop];
+			currentXY = self.getXY(e);
+			
+			document.onmousemove = dragMove;
+			document.onmouseup = stopDrag;  
+			return false; 
+		}
+		function stopDrag() {
+			document.onmousemove = null;
+			document.onmouseup = null;
+			
+			self.moveDistance = [Math.round((self.currentZoomCoord[0]-self.Picture.offsetLeft)/self.currentSizePer*100), Math.round((self.currentZoomCoord[1]-self.Picture.offsetTop)/self.currentSizePer*100)];
+			self.fControl.style.display = '';
+			self.fHint.style.display = '';
+			self.isDraging = false;
+		}
+		this.Picture.onmousedown = initDrag;   
+	},
+	
+	// 图片缩放
+	zoomAction : function() {
+		if(!this.isLoaded || this.isDraging) return;
+		clearInterval(this.doZoom);
+		switch(arguments[0]) {
+			case -1 :
+				this.currentSizePer *= this.zoomSpeed;
+				break;		
+			case 0 :
+				this.currentSizePer = 100;
+				break;
+			case 1 :
+				this.currentSizePer /= this.zoomSpeed;
+				break;
+			case 2 :
+				this.currentSizePer = 0;
+				break;
+			default :
+				this.currentSizePer = arguments[0];
+				break;
+		}
+		if(!arguments[1]) {
+			if(this.currentSizePer<this.zoomMin) this.currentSizePer=this.zoomMin;
+			if(this.currentSizePer>this.zoomMax) this.currentSizePer=this.zoomMax;
+			this.currentSizePer = Math.round(this.currentSizePer);
+		}
+		
+		var size = this.arrItems[this.currentNo][2];
+		this.currentZoomSize = [Math.round(size[0]*this.currentSizePer/100), Math.round(size[1]*this.currentSizePer/100)];
+		this.currentZoomCoord = [Math.round(this.initialCoord[0]-this.currentZoomSize[0]/2), Math.round(this.initialCoord[1]-this.currentZoomSize[1]/2)];
+		
+		var moveDistance = [Math.round(this.moveDistance[0]*this.currentSizePer/100), Math.round(this.moveDistance[1]*this.currentSizePer/100)];
+		var zoomSize = this.currentZoomSize;
+		var zoomCoord = [this.currentZoomCoord[0]-moveDistance[0], this.currentZoomCoord[1]-moveDistance[1]]
+		var animation = arguments[2]==undefined ? this.zoomAnimation : arguments[2];
+		
+		if(animation) {
+			var self = this;
+			var is_close = arguments[3];//arguments[3]退出时回调,退出缩放动画
+			this.doZoom = setInterval(function() {				
+				self.zoomLoop(zoomSize, zoomCoord,is_close);
+			}, this.actionSpeed);
+			this.isZooming = true;
+		}else{
+			this.Picture.width = zoomSize[0];
+			this.Picture.height = zoomSize[1];
+			this.Picture.style.left = zoomCoord[0] +'px';
+			this.Picture.style.top = zoomCoord[1] +'px';			
+			this.perHint(this.currentSizePer);
+		}
+	},
+	zoomLoop : function() {
+		var zoomSize = arguments[0];
+		var zoomCoord = arguments[1];
+		var sizeSpeed = [Math.round((zoomSize[0]-this.Picture.width)/this.zoomModulus*10)/10, Math.round((zoomSize[1]-this.Picture.height)/this.zoomModulus*10)/10]
+		var coordSpeed = [Math.round((zoomCoord[0]-this.Picture.offsetLeft)/this.zoomModulus*10)/10, Math.round((zoomCoord[1]-this.Picture.offsetTop)/this.zoomModulus*10)/10]
+		
+		if((sizeSpeed.join(',')!='0,0') || coordSpeed.join(',')!='0,0') {
+			this.Picture.width += (sizeSpeed[0]>0 ? Math.ceil(sizeSpeed[0]) : Math.floor(sizeSpeed[0]));
+			this.Picture.height += (sizeSpeed[1]>0 ? Math.ceil(sizeSpeed[1]) : Math.floor(sizeSpeed[1]));
+			this.Picture.style.left = (this.Picture.offsetLeft+(coordSpeed[0]>0 ? Math.ceil(coordSpeed[0]) : Math.floor(coordSpeed[0]))) +'px';
+			this.Picture.style.top = (this.Picture.offsetTop+(coordSpeed[1]>0 ? Math.ceil(coordSpeed[1]) : Math.floor(coordSpeed[1]))) +'px';
+
+			this.perHint(Math.round(this.Picture.width/this.arrItems[this.currentNo][2][0]*100));
+		}else{
+			clearInterval(this.doZoom);
+			this.isZooming = false;
+			if (arguments[2]!=undefined) {
+				this.stopAll();
+			}
+		}
+	},
+	
+	// 列表移动
+	moveAction : function() {
+		clearInterval(this.doMove);
+		var self = this;
+		var moveX = this.itemDefaultX-this.currentNo*this.itemWidth;
+		if(arguments[0]) {
+			this.doMove = setInterval(function(){
+				self.moveLoop(moveX);
+			}, this.actionSpeed);
+		}else{
+			this.fItems.style.left = moveX +'px';
+		}
+	},
+	moveLoop : function() {
+		var moveX = arguments[0];
+		var currX = this.fItems.offsetLeft;
+		var speed = Math.round((moveX-currX)/this.moveModulus*10)/10;
+		if(speed!=0) {
+			speed = speed>0 ? Math.ceil(speed) : Math.floor(speed);
+			this.fItems.style.left = (currX+speed) +'px';
+		}else{
+			this.fItems.style.left = moveX +'px';
+			clearInterval(this.doMove);
+		}
+	},
+	
+	// 渐变
+	fadeAction : function() {
+		var args = arguments;
+		if(args[3]) this.opacity.set(args[1], args[3]);
+		
+		var self = this;
+		var modulus = args[0]==1 ? this.fadeInModulus : this.fadeOutModulus;
+		var intervalID = setInterval(function(){
+			self.fadeLoop(args[1], args[2], modulus, intervalID)
+		}, this.actionSpeed);
+		return intervalID;
+	},
+	fadeLoop : function() {
+		var args = arguments;
+		var o = picasaGetDom(args[0]);
+		var currOpacity = this.opacity.get(o);
+		var modulus = parseInt(args[2], 10) || 5;
+		var speed = Math.round((args[1]-currOpacity)/modulus*10)/10;
+		
+		if(speed!=0) {
+			speed = speed>0 ? Math.ceil(speed) : Math.floor(speed);
+			currOpacity += speed;
+			this.opacity.set(o, currOpacity);
+		}else{
+			clearInterval(args[3]);
+		}
+	},
+	
+	// 信息提示
+	hint : function() {
+		var msg='';		
+		if(arguments[0]) {
+			msg = arguments[0];
+		}else{
+			msg = this.hintTxt;
+		}
+		this.fHint.innerHTML = msg;
+	},
+	
+	// 缩放百分比提示
+	perHint : function() {
+		this.fPerHint.innerHTML = arguments[0] +'%';
+		var self = this;
+		clearInterval(this.doFadePerHint);
+		this.doFadePerHint = this.fadeAction(1, self.fPerHint, this.perHintOpacity);
+		clearTimeout(this.doHidePerHint);
+		this.doHidePerHint = setTimeout(function(){
+			self.doFadePerHint = self.fadeAction(0, self.fPerHint, 0);
+		}, 1000);
+	},
+	
+	// 快速模式
+	setQuickAction : function() {
+		var args = arguments;
+		var self = this;
+		args[0].onmousedown = function() {
+			self.doToQuick = setTimeout(function(){
+				self.doQuick = setInterval(function() {
+					eval(args[1]);
+				}, self.quickDoInterval);
+			}, self.toQuickInterval);
+		}
+		args[0].onmouseup = function() {
+			clearTimeout(self.doToQuick);
+			clearInterval(self.doQuick);
+		}
+		this.Event.add(args[0], 'mouseout', function() {
+			clearTimeout(self.doToQuick);
+			clearInterval(self.doQuick);
+		});
+	},
+	
+	// 快捷键操作
+	setKeyboard : function(b) {
+		var self = this;
+		if(b) {
+			document.onkeydown = function(e) {self.keyboardAction(e);}
+		}else{
+			document.onkeydown = null;
+		}
+	},
+	keyboardAction : function(e) {
+		e = e || window.event;
+		var key = e.keyCode;
+		var isHotKey = false;
+		
+		if(key==27) {//esc
+			this.close();
+			isHotKey = true;
+		}else if(key==37) {//left
+			this.changeImage(this.currentNo-1);
+			isHotKey = true;
+		}else if(key==39) {//right
+			this.changeImage(this.currentNo+1);
+			isHotKey = true;
+		}else if(key==38 || key==187 || key==107) {//up + number+
+			this.zoomAction(1);
+			isHotKey = true;
+		}else if(key==40 || key==189 || key==109) {//down - number-
+			this.zoomAction(-1);
+			isHotKey = true;
+		}else if(key==111 || key==191 || key==220) {//KP_Divide less greater bar
+			this.zoomAction(100);
+			isHotKey = true;
+		}else if(key==106) {
+			this.zoomAction(this.defaultSizePer);
+			isHotKey = true;
+		}else if(key==46) {
+			this.removeImage();
+		}
+		if(isHotKey) this.Event.end(e);
+	},
+
+	// 滚轮操作
+	setWheel : function(b) {
+		var self = this;
+		if (window.addEventListener) {
+			this.frame.addEventListener('DOMMouseScroll', function(e) {self.frameWheelAction(e);}, false);
+			this.fControl.addEventListener('DOMMouseScroll', function(e) {self.itemWheelAction(e);}, false);
+		}
+		this.frame.onmousewheel = function() {self.frameWheelAction();};
+		this.fControl.onmousewheel = function() {self.itemWheelAction();};
+	},
+	getWheel : function(e) {
+		e = e || window.event;
+		
+		var delta = 0;
+		if (e.wheelDelta) {
+			delta = e.wheelDelta/120;
+			//if (window.opera) delta = -delta;
+		} else if (e.detail) {
+			delta = -e.detail/3;
+		}
+		
+		delta = delta>0 ? 1 : -1;
+		return delta;	
+	},
+	frameWheelAction : function(e) {
+		this.zoomAction(this.getWheel(e));
+		this.Event.end(e);
+	},
+	itemWheelAction : function(e) {
+		this.changeImage((this.currentNo-this.getWheel(e)));
+		this.Event.end(e);
+	},
+	
+	// 停止所有动作
+	stopAll : function() {
+		var self = this;
+		clearTimeout(this.doShowItem);
+		clearTimeout(this.doAuto);
+		clearTimeout(this.doToQuick);
+		clearInterval(this.doQuick);
+		clearTimeout(this.doLoad);
+		clearInterval(this.doZoom);
+		clearInterval(this.doMove);
+		clearInterval(this.doFade);
+		clearTimeout(this.doHidePerHint);
+		clearInterval(this.doFadePerHint);
+		
+		if(this.isAutoPlaying) this.autoPlayAction();
+		this.setKeyboard(false);
+		this.displaySelect(true);
+		this.activeImage.src = '';
+		this.arrCount = -1;
+
+		$(self.frame).fadeOut(self.fadeOutTime);
+		$(self.mask).fadeOut(self.fadeOutTime);
+		$('body').removeClass('stop_hot_key');
+	},
+	
+	// 结束关闭
+	close : function() {
+		if (this.Error.style.display=='' 
+			|| this.hintTxt == 'loading...') {
+			this.stopAll();
+		}else{
+			this.zoomAction(2,true,true,true);
+		}		
+	},
+	// 销毁
+	destruction : function() {
+		this.mask		= null;// 框架对象
+		this.frame		= null;
+		this.Picture	= null;
+		this.Loading	= null;
+		this.Error		= null;
+		this.fPerHint	= null;
+		this.fHint		= null;
+		this.fControl	= null;
+		this.fItems		= null;
+		this.fButtons	= null;
+
+		// 按钮对象
+		this.btnZoomIn		= null;
+		this.btnZoomOut		= null;
+		this.btnZoomActual	= null;
+		this.btnPrev		= null;
+		this.btnAutoPlay	= null;
+		this.btnNext		= null;
+		
+		this.activeImage = null;
+		window[this.name] = null;
+		//try{window.CollectGarbage();}catch(e){};
+	}
+}
+

public/GoJS-master/learn/kod/plugins/picasa/static/picasa/style/style.css

@@ -0,0 +1,136 @@
+/* Picasa View */
+* body {height: 100%; overflow-y: auto}
+* html{overflow-x: auto; overflow-y: hidden}
+/* www.codefans.net */
+#PicasaMask {position: fixed; _position: absolute; z-index: 100; top: 0; left: 0; 
+background: #000; overflow: hidden;}
+
+
+#PV_Close{position: fixed; _position: absolute; z-index: 200; right:-70px; top:-75px;height:140px;
+width:140px;text-decoration:none;background:#000;border-radius:70px;opacity:0.4;filter:alpha(opacity=40);}
+#PV_Close span{display:block;margin-top:75px;margin-left:35px;color:#fff;
+font-size:35px;font-family: Arial, sans-serif;}
+#PV_Close:hover{opacity:0.6;filter:alpha(opacity=80);}
+#PV_Close:hover span{color:#f30;}
+#PV_Picture_Temp {display: none;}
+#PicasaView {position: fixed; _position: absolute; z-index: 200; left: 0; top: 0; overflow: hidden}
+	#PV_Picture {position: absolute; z-index: 0; cursor: move;
+	-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));
+}
+	#PV_Loading {position: absolute; z-index: 1;
+	background:#000 url(./loading.gif) center no-repeat;width:60px;height:60px;border-radius:4px;opacity:0.4;filter:alpha(opacity=40);}
+	#PV_Error {position: absolute; z-index: 2;
+	background:#000;width:60px;height:60px;border-radius:4px;opacity:0.4;filter:alpha(opacity=40);color:#d00;font-size:16px;line-height:50px;text-align:center;}
+
+	#PV_PerHint {position: absolute; z-index: 3;margin-top: 5%; width: 62px; height: 28px; text-align: center; font: bold 13px/28px Tahoma; color: #fff; background:#000;border-radius:4px;opacity:0.4;filter:alpha(opacity=40); cursor: default}
+	#PV_Hint {position: absolute; z-index: 3; height: 25px; color: #fff; font: 12px/25px Tahoma, "ËÎÌå"; text-align: center}
+	#PV_Control {position: absolute; z-index: 4; height: 54px; background:rgba(0,0,0,0.6); border-top: solid 1px #000; overflow: hidden;}
+		#PV_Items {position: absolute; z-index: 5; padding: 1px 0 0; margin: 0; list-style: none; height: 60px; overflow: hidden;}
+			#PV_Items li {float: left; width: 36px; padding: 0; margin: 0; list-style: none; cursor: pointer;position: relative;}
+			#PV_Items img {border: none; width: 35px; height: 35px;-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,transparent),color-stop(60%,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.8)));}
+		#PV_Buttons {position: absolute; z-index: 6; margin: 20px auto 0 auto}
+			#PV_Buttons a {float: left; color: #808080; text-align: center; text-decoration: none}
+			#PV_Select {float: left; width: 78px; height: 30px; margin: 0 15px; background-image: url(Picasa_Button.gif); overflow: hidden}
+				.PV_Btn_Normal {background-position: -120px 0}
+				.PV_Btn_PrevOver {background-position: -120px -40px}
+				.PV_Btn_SildeOver {background-position: -120px -120px}
+				.PV_Btn_NextOver {background-position: -120px -80px}
+				#PV_Select a {margin: 0; height: 30px}
+				#PV_Btn_Prev {width: 24px}
+				#PV_Btn_Slide {width: 30px}
+				#PV_Btn_Next {width: 24px}
+			#PV_AutoPlay {float: left; width: 100px; margin-top: 8px}
+				#PV_AutoPlay a {width: 70px; height: 19px; line-height: 19px; font-size: 12px; background-image: url(Picasa_Button.gif); background-position: -40px 0}
+				#PV_AutoPlay a:hover {color: #ccc; background-position: -40px -20px}
+				#PV_AutoPlay a.seled {color: #fff; background-position: -40px -40px;font-weight:800;}
+
+#PV_Buttons{opacity:0.9;}
+#PV_Zoom{margin:0;margin-right: 10px;}
+#PV_Buttons .tool-btn{
+	background-image: none;
+	margin-right: 2px;
+	border-radius: 4px;
+	width: 24px;
+	line-height: 20px;
+	background:#333;
+	height: 20px;
+	border:2px solid #555;
+	border-color:rgba(255,255,255,0.1);
+}
+#PV_Buttons .tool-btn:hover{border: 2px solid #888;background:#222;}
+#PV_Select{
+	margin: 0 15px;
+	height: 40px;
+	margin-left: 7px;
+	margin-top: 0px;
+	width: 90px;
+	overflow: visible;
+	background-image: none;
+}
+#PV_Buttons a{
+	display: inline-block;
+	width: 40px;
+	height: 25px;
+	z-index: 0;
+	color: #fff;
+	position: relative;
+	line-height: 25px;
+	font-size: 13px;
+	margin-right: -10px;
+	margin-top: 4px;
+	border-radius: 4px;
+	background: #777;
+}
+
+#PV_Items li.current:after {
+    box-shadow: 0 0 30px #fff inset;
+    content: "+";
+    position: absolute;
+    z-index: 99;
+    /* left: 50%; */
+    left: 0;
+    width: 100%;
+    opacity: 0.5;
+    height: 100%;
+    font-size: 20px;
+    color: #fff;
+    text-align: center;
+}
+
+#PV_Number{
+	color: #bbb;
+	display: block;
+	font-size: 12px;
+	background: rgba(100,100,100,0.3);
+	padding: 4px 11px;
+	border-radius: 20px;
+	position: fixed;
+	right: 10px;
+	bottom: 65px;
+	z-index: 100;
+}
+#PV_Buttons a i{padding-left:2px;}
+#PV_Buttons a#PV_Btn_Prev{display: inline-block;margin-left: -4px;}
+#PV_Buttons a#PV_Btn_Slide{
+	background: #888;
+	border-radius: 50%;
+	z-index: 10;
+	width: 31px;line-height: 31px;
+	margin-top: 0px;
+	height: 31px;
+	box-shadow: 0 0 5px #333;
+}
+
+#PV_Buttons a#PV_Btn_Prev,
+#PV_Buttons a#PV_Btn_Slide,
+#PV_Buttons a#PV_Btn_Next{
+	background-image: -webkit-linear-gradient(top,#bbb,#666);
+    background-image: -moz-linear-gradient(top,#bbb,#666);
+    background-image: -o-linear-gradient(top,#bbb,#666);
+    background-image: -ms-linear-gradient(top,#bbb,#666);
+    background-image: linear-gradient(top,#bbb,#666);
+    -pie-background: linear-gradient(to top,#bbb,#666);
+}
+
+#PV_Buttons a.seled#PV_Btn_Slide i:before{content: "\f04d";}
+#PV_Buttons a:hover{background: #999;color:#fff;}