PhotosStore=Ext.extend(Ext.data.JsonStore,{constructor:function(){PhotosStore.superclass.constructor.call(this,{storeId:'photos-store',url:'/api/flickr/photos/',autoLoad:false,root:'photo',id:'id',total:'total',params:{start:0,limit:100},fields:['dateadded','id','server','secret','farm','title'],listeners:{load:function(){Ext.ux.Lightbox.register('a.photo-gallery',true);}}});}});PhotosStore=new PhotosStore();

Ext.ns('ux');ux.PhotosUi=Ext.extend(Ext.DataView,{itemSelector:'div.thumb-wrap',style:'overflow:auto',multiSelect:false,id:'photos-dataview',store:PhotosStore,tpl:new Ext.XTemplate('<tpl for=".">','<div class="thumb-wrap" id="{name}">','<div class="thumbnail">','<a title={title} href="./php/inc/phpThumb/phpThumb.php?q=100&h='+x4.view.height()*.77,'&src=http://farm{farm}.static.flickr.com/{server}/{id}_{secret}.jpg"','class="photo-gallery">','<img style="display: none;" onload="$(this).fadeIn()" src="./php/inc/phpThumb/phpThumb.php?q=100&w='+x4.view.width()*.1,'&h='+x4.view.height()*.15+'&zc=1&src=http://farm{farm}.static.flickr.com/{server}/{id}_{secret}.jpg"','class="thumb-img"></a></div>','</div>','</tpl>'),initComponent:function(){ux.PhotosUi.superclass.initComponent.call(this);}});

Photos=Ext.extend(ux.PhotosUi,{initComponent:function(){Photos.superclass.initComponent.call(this);}});