var Golden = {
	pageId: null,
	
	init: function( ) { 
		Ext.get(Golden.pageId).addClass("active");
	},

	images: function( objs ) {
		var tmplt = new Ext.Template(
			'<a rel="lightbox" href="/Images/{Name}">',
				'<img src="/Images/Thumbs/{Name}" alt="{Caption}" />',
			'</a>',
			'<span>{Caption}</span>'
		);

		var els = Ext.select("#content div.body-image");
		for( var i=0, n=els.getCount(); i<n; ++i ) {
			var desc = els.item(i).dom.innerHTML;

			tmplt.overwrite(
				els.item(i), 
				{Name: objs[desc].Name, Caption: decodeURIComponent(objs[desc].Caption)}
			);

			els.item(i).setStyle("float", i % 2 == 0 ? "left" : "right");
		}

		Ext.ux.Lightbox.register('a[rel^=lightbox]', true);			
	},

	gallery: function( objs ) {
		var gallery = Ext.select("#content div.gallery");
		if( !gallery.getCount() )
			return;

		gallery = gallery.item(0);
		var descs = gallery.dom.innerHTML.split(',');
		gallery.dom.innerHTML = '';

		var tmplt = new Ext.Template(
			'<div class="gallery-image">',
				'<a rel="lightbox" href="/Images/{Name}">',
					'<img src="/Images/SmallThumbs/{Name}" alt="{Caption}" />',
				'</a>',
				'<span>{Caption}</span>',
			'</div>'
		);

		for( var i=0; i<descs.length; i++ ) {
			tmplt.append(
				gallery,
				{Name: objs[descs[i]].Name, Caption: decodeURIComponent(objs[descs[i]].Caption)}
			);
			if( !((i+1) % 3) )
				gallery.dom.innerHTML += '<br style="clear: both;" />';
		}
	}
};