/*
 * PureTrak Upcoming Events Page Javascript File
 * Copyright(c) 2008-2009, Pure Voice Communictions, Inc.
 * http://www.puretrak.com
 * @author Patrick Hallinan
 *
 */
 
Ext.onReady(function() {
	// -- Enable quick tips - feedback for any errors
	Ext.QuickTips.init();
	
	var events_store = new Ext.data.Store({
		storeId		: 'events_store',
		autoLoad	: true,
		remoteSort	: true,
		proxy: new Ext.data.HttpProxy({
			url		: '/events/retrieve_upcoming_events',
			method	: 'POST'
		}),
		baseParams	: {
			start	: 0,
			limit	: 10
		},
		reader: new Ext.data.JsonReader({
			id				: 'event_id',
			root			: 'results',
			successProperty	: 'success',
			}, new Ext.data.Record.create([
				{name: 'event_id', type: 'int'},
				{name: 'event_country', type: 'string'},
				{name: 'event_title', type: 'string'},
				{name: 'event_message', type: 'string'},
				{name: 'event_date', type: 'date', dateFormat: 'Y-m-d'}
			])
		)
	});
	
	var events_tpl = new Ext.XTemplate(
		'<tpl for=".">',
		'	<div class="event_container" style="background-color:{[xindex % 2 === 0 ? "" : "#00213D"]};">',
		'		<table id="table_event_info">',
		'			<tr>',
		'				<td valign="top" width="25"><img src="/assets/images/flags/{event_country}.gif"></td>',
		'				<td valign="top" width="85"><div class="event_date">{[fm.date(values.event_date, "n/j/Y")]} -</div></td>',
		'				<td valign="top"><div class="event_title">{event_title}</div><div class="event_message">{event_message}</div></td>',
		'			</tr>',
		'		</table>',
		'	</div>',
		'</tpl>',
		'<div class="x-clear"></div>'
	);
	
	var events_panel = new Ext.Panel({
		autoWidth	: true,
		autoHeight	: true,
		frame		: false,
		border		: false,
		bodyStyle	: 'background:transparent;',
		renderTo	: 'event_listings_container',
		items: new Ext.DataView({
			store	: events_store,
			tpl		: events_tpl,
			frame	: false,
			border	: false,
			itemSelector	:'div.event_container',
			emptyText		: '',
		})
	});
});