var ZLei_Scene={widgetEventPrefix:"scene",options:{width:0,height:0,blockWidth:256,blockHeight:256,blockColumns:0,blockRows:0,blockUrlFormat:"",visualWidth:undefined,visualHeight:undefined,visualRectangle:{top:0,right:0,bottom:0,left:0},scrollTop:0,scrollLeft:0},_elementBlocks:null,_currentBlocks:null,_loadedBlocks:null,_create:function(){this._elementBlocks=$('<div class="ZLei-Scene-Blocks"></div>');this._currentBlocks={left:-1,top:-1,right:-1,bottom:-1};this.element.addClass("ZLei-Scene").append(this._elementBlocks.css({width:this.options.width,height:this.options.height}));this.options.blockColumns=Math.ceil(this.options.width/this.options.blockWidth);this.options.blockRows=Math.ceil(this.options.height/this.options.blockHeight);this._loadedBlocks=new Array();for(var a=0;a<this.options.blockRows;a++){this._loadedBlocks[a]=new Array();for(c=0;c<this.options.blockColumns;c++){this._loadedBlocks[a][c]=false}}if(this.options.visualWidth==undefined){this.options.visualWidth=this.element.innerWidth()}if(this.options.visualHeight==undefined){this.options.visualHeight=this.element.innerHeight()}this.element.scrollTop(this.options.scrollTop);this.element.scrollLeft(this.options.scrollLeft);this._on(this._events)},_init:function(){this.element.scroll()},_events:{scroll:function(g){var e=this.element.scrollTop();var d=this.element.scrollLeft();var f=d+this.options.visualWidth;var a=e+this.options.visualHeight;this.options.scrollTop=e;this.options.scrollLeft=d;this.options.visualRectangle={top:e,right:f,bottom:a,left:d};this._refresh();this._trigger("scroll")},"loaded .ZLei-Scene-Blocks>img":function(b,a,d){this._loadedBlocks[d][a]=true;TweenLite.to($(b.target),0.5,{opacity:1})}},_refresh:function(){var b=this.getVisibleBlocks();if(b.left==this._currentBlocks.left&&b.right==this._currentBlocks.right&&b.top==this._currentBlocks.top&&b.bottom==this._currentBlocks.bottom){return}$("img",this._elementBlocks).filter(function(g){var h=$(this).attr("block-column");var i=$(this).attr("block-row");return(h<b.left||h>b.right||i<b.top||i>b.bottom)}).remove();var a="";for(var e=b.top;e<b.bottom;e++){for(var f=b.left;f<b.right;f++){if(this._currentBlocks.left<f&&this._currentBlocks.right>f&&this._currentBlocks.top<e&&this._currentBlocks.bottom>e){continue}var d="";if(!this._loadedBlocks[e][f]){d+='class="collapsed"';d+="onload=\"$(event.target).trigger('loaded', ["+f+","+e+']);"'}a+="<img "+d+'block-column="'+f+'"block-row="'+e+'"src="'+this.options.blockUrlFormat.replace("{column}",f).replace("{row}",e)+'"onmousedown="return false;"ondragstart="return false"onselectstart="return false"style="top:'+e*this.options.blockHeight+"px;left:"+f*this.options.blockWidth+'px;"/>'}}this._elementBlocks.append(a);this._currentBlocks=b},getVisibleBlocks:function(){var d=Math.floor(this.options.visualRectangle.left/this.options.blockWidth);var f=Math.ceil(this.options.visualRectangle.right/this.options.blockWidth);var e=Math.floor(this.options.visualRectangle.top/this.options.blockHeight);var a=Math.ceil(this.options.visualRectangle.bottom/this.options.blockHeight);return{left:d,top:e,right:f,bottom:a}},setVisibleSize:function(b,a){if(this.options.visualWidth==b&&this.options.visualHeight==a){return}this.options.visualWidth=b;this.options.visualHeight=a;this.element.scroll();this._trigger("change")},getInvisibleWidth:function(){return this.options.visualWidth-this.options.width},getInvisibleHeight:function(){return this.options.visualHeight-this.options.height}};$.widget("ZLei.Scene",ZLei_Scene);