// --------------------------------------------------------
// - controls_list.html.js
// - Generated on 6/26/2006 12:20:56 PM
// - DO NOT MODIFY - THIS FILE WAS AUTOMATICALLY GENERATED
// --------------------------------------------------------

// Globals
var d;f.F("ID_D","ID_Lifeform","ID_Photo","ID_String","ID_lifeforms","ID_heterogeneous","ID_armadillo","ID_cameron_dog","ID_dolphin");d=new Object();d.G=['../',"item"];d.h=['../',"Xc"];d.Bb=['../',"item","name"];d.Cb=['../',"data","lifeforms"];d.db=['../',"item","imageUrl"];d.Db=['../',"item","vertebrate"];d.Eb=['../',"item","title"];d.Vc=['../',"data","heterogeneous"];H.I='controls_list.src.html';H.j='app/controls_list.html.js';function D(){var o,p,q,fb,wb,yb;o=new J();p=se();p.S("id",'lifeforms');q=new k();q.id="heterogeneous";fb=new Lifeform();fb.id="armadillo";fb.vertebrate=true;fb.imageUrl='images/nature/armadillo.png';fb.kingdom=cg.Mammal;fb.numLimbs=4;fb.name='Armadillo';wb=new Photo();wb.id="cameron_dog";wb.imageUrl='images/slideshow/1.jpg';wb.title='Cameron and dog';wb.dateTaken=new Cg(2006,0,7,8,50);yb=new Lifeform();yb.id="dolphin";yb.vertebrate=true;yb.imageUrl='images/nature/dolphin.png';yb.kingdom=cg.Mammal;yb.numLimbs=0;yb.name='Dolphin';q.Re([fb,'Here is some text in a list mixed in with two Lifeforms and a Photo!',wb,yb]);o.S("lifeforms",p,"heterogeneous",q);this.S("data",o);K(this,this,o);};l.m("App0",D);function K(target,M,data){var o,p,p,q,q,fb,wb,yb;o=new N();p=new Q();p.S("r",R);o.S("items",new L('Hello','Here','Are','Some','Items'),"U",p);p=new N();q=new Q();q.S("r",Sb);p.u("items",d.Cb);p.S("@class",'list_box',"U",q);q=new N();fb=new Q();fb.dg="Lifeform";fb.S("r",Tb);wb=new Q();wb.dg="Photo";wb.S("r",If);yb=new Q();yb.dg="String";yb.S("r",mf);q.u("items",d.Vc);q.S("Dg",new L(fb,wb,yb));target.S("c",new L('<h2>Templated List</h2><p><b>List</b> is the workhorse of any GUI user interface. The Jitsu, List\n        is a very flexible control which can make items appear using any HTML\n        markup. It does this by using a <em>template</em> for specifying presentation. \n        The text items below wre generated by a simple template using a &lt;div&gt;:</p>',o,'<h2>Selectable List</h2><p>The List instance below is <em>databound</em> (see <a href="binding_list.html">Binding Lists</a> for more). We\'ve customized the appearance and \n        made it clickable. Try clicking on items.</p>',p,'<h2>Heterogenous List</h2><p>This List below is the same List control as the above two, but \n        here we\'ve bound to a heterogeneous collection of objects, and defined\n        different templates for different object types:</p>',q,'<br clear="left"/><p>Click on the "Source Markup" button to see behind the scenes,\n        or popup the Inspector to browse the app at runtime.</p>'));};function R(M,item,index){var o,p;var d=self.d;o=new v('div');p=new V();p.u("text",d.G);o.S("w",true,"c",new L(p));return o;};function Sb(M,item,index){var o,p;var d=self.d;o=new v('div');p=new gb();p.u("Ff",d.h);p.u("text",d.Bb);p.S("Kb",true,"@class",'list_basic',"Wb","jd");o.S("w",true,"c",new L(p));return o;};function Tb(M){var o,p,q,fb;var d=self.d;o=new v('div');p=new V();p.u("text",d.Bb);q=new v('img');q.u("@src",d.db);fb=new Xb();fb.u("checked",d.Db);o.S("w",true,"@class",'list_thumb',"c",new L(' Name: ',p,q,'<br/>',fb));return o;};function If(M){var o,p,q;var d=self.d;o=new v('div');p=new v('img');p.u("@src",d.db);p.S("@style",'width:125px; height: 175px');q=new V();q.u("text",d.Eb);q.S("@class",'list_thumb_title');o.S("w",true,"@class",'list_thumb',"c",new L(p,'<br/>',q,'<br/>'));return o;};function mf(M){var o,p;var d=self.d;o=new v('div');p=new V();p.u("text",d.G);p.S("@style",'color:red');o.S("w",true,"@class",'list_thumb',"c",new L(p,'<br/>'));return o;};