var ZLei_Scene_Thumbnail={widgetEventPrefix:"scenethumbnail",options:{width:0,height:0,thumbnailUrl:"",appendTo:undefined,scaleX:1,scaleY:1,actualWidth:0,actualHeight:0,autoOpenAndClose:true},_sceneWidth:0,_sceneHeight:0,_sceneVisualWidth:0,_sceneVisualHeight:0,_sceneInvisibleWidth:0,_sceneInvisibleHeight:0,_invisibleWidth:0,_invisibleHeight:0,_elementStage:null,_elementImage:null,_elementFocus:null,_isLoaded:false,_isOpen:false,_create:function(){this._elementStage=$('<div class="ZLei-Scene-Thumbnail"></div>');this._elementImage=new Image();this._elementFocus=$('<div class="ZLei-Scene-Thumbnail-Focus"></div>');this._on(this._elementImage,{load:this._events.load});this._elementStage.append(this._elementFocus);this._elementStage.append(this._elementImage)},_init:function(){this._elementImage.src=this.options.thumbnailUrl},_events:{load:function(a){this._isLoaded=true;this.options.actualWidth=this._elementImage.width;this.options.actualHeight=this._elementImage.height;TweenLite.set(this._elementStage,{width:this.options.actualWidth,height:this.options.actualHeight,scale:0.5,opacity:0,display:"none"});if(this.options.appendTo==undefined){this.options.appendTo=document.body}$(this.options.appendTo).append(this._elementStage);this._trigger("load");if(this.element.is(":ZLei-Scene")){this._events.scenecreate.call(this,null)}else{this._on({scenecreate:this._events.scenecreate})}},scenescroll:function(a){var c=this.element.Scene("option","scrollLeft");var b=this.element.Scene("option","scrollTop");this._elementStage.scrollLeft(c/this._sceneInvisibleWidth*this._invisibleWidth);this._elementStage.scrollTop(b/this._sceneInvisibleHeight*this._invisibleHeight);this._elementFocus.css({left:c*this.options.scaleX,top:b*this.options.scaleY})},scenecreate:function(a){if(a!=null){this._off(this.element,"scenecreate")}this._on({scenechange:this._events.scenechange});this._events.scenechange.call(this,null)},scenechange:function(a){this._sceneWidth=this.element.Scene("option","width");this._sceneHeight=this.element.Scene("option","height");this._sceneVisualWidth=this.element.Scene("option","visualWidth");this._sceneVisualHeight=this.element.Scene("option","visualHeight");this._sceneInvisibleWidth=Math.max(this._sceneWidth-this._sceneVisualWidth,0);this._sceneInvisibleHeight=Math.max(this._sceneHeight-this._sceneVisualHeight,0);this._invisibleWidth=this._elementImage.width-this._elementStage.innerWidth();this._invisibleHeight=this._elementImage.height-this._elementStage.innerHeight();this.options.scaleX=this._elementImage.naturalWidth/this._sceneWidth;this.options.scaleY=this._elementImage.naturalHeight/this._sceneHeight;this._elementFocus.css({width:this._sceneVisualWidth*this.options.scaleX-(this._elementFocus.outerWidth()-this._elementFocus.innerWidth()),height:this._sceneVisualHeight*this.options.scaleY-(this._elementFocus.outerHeight()-this._elementFocus.innerHeight())});if(!this.options.autoOpenAndClose){return}if(this._sceneInvisibleWidth==0&&0==this._sceneInvisibleHeight){if(this._isOpen){this.close()}}else{if(!this._isOpen){this.open()}}}},close:function(){if(!this._isOpen){return}this._isOpen=false;TweenLite.killTweensOf(this._elementStage);TweenLite.to(this._elementStage,0.25,{scale:0.5,opacity:0,onComplete:function(a){a._elementStage.css("display","none")},onCompleteParams:[this]});this._off(this.element,"scenescroll")},open:function(){if(!this._isLoaded){return}this._isOpen=true;this._elementStage.css("display","block");TweenLite.killTweensOf(this._elementStage);TweenLite.to(this._elementStage,0.5,{scale:1,opacity:1,ease:Back.easeOut});this._events.scenescroll.call(this,null);this._on({scenescroll:this._events.scenescroll})}};$.widget("ZLei.Scene_Thumbnail",ZLei_Scene_Thumbnail);