/**
 * @author gerb@dpdk.nl
 */

Ext.namespace('bertusBusReizen');

Ext.onReady(function()
{
	thumbTemplate = new Ext.XTemplate(
		'<tpl for=".">',
			'<div class="holiday-fp-container" id="{holiday_id}">',
				'<div class="holiday-fp-image" style="background-image:url(\'./images/photos/{holiday_filename_thumb}\');">',
					'<div class="holiday-fp-text">{holiday_description}</div>',
					'<tpl if="holiday_lasts == 1">',
						'<div class="holiday-fp-overlay" style="background-color: #c6c69b;">',
							'<div class="holiday-fp-destination">{holiday_destination}</div>',
							'<div class="holiday-fp-duration">{holiday_lasts} dag</div>',
							'<div class="holiday-fp-prize">&euro;{holiday_prize}</div>',
						'</div>',
					'</tpl>',			
					'<tpl if="holiday_lasts != 1">',
						'<div class="holiday-fp-overlay" style="background-color: #d6a234;">',
							'<div class="holiday-fp-destination">{holiday_destination}</div>',
							'<div class="holiday-fp-duration">{holiday_lasts} dgn</div>',
							'<div class="holiday-fp-prize">&euro;{holiday_prize}</div>',
						'</div>',
					'</tpl>',				
				'</div>',
			'</div>',
		'</tpl>'
	);
	
	thumbTemplate.compile();
	
	var holidayFrontStore = new Ext.data.JsonStore({
		id : 'holidayFrontStore',
		proxy : new Ext.data.HttpProxy({
			url : './gateway.php/nl.bertus.frontend.Holidays.getFrontpageHolidays',
			method : 'POST'
		}),
	    root: 'data',
	    fields: [
			'holiday_id',
			'holiday_description',
			'holiday_destination',
			'holiday_lasts',
			'holiday_prize',
			'holiday_date',
			'holiday_filename_thumb'
	    ]
	});
	
	holidayFrontStore.load({
		params: {
			'dummy': 'dummy'
		}
	});

	var holidayFrontView = new Ext.DataView({
		renderTo: 'frontpageHolidays',
		tpl: thumbTemplate,
		id: 'holidayFrontView',
		singleSelect: true,
		emptyText : '<div style="padding:10px;">Er zijn geen reizen gevonden.</div>',
		store: holidayFrontStore,
		itemSelector: 'div.holiday-fp-container',
		prepareData: function(data){
			data.holiday_description = Ext.util.Format.ellipsis(data.holiday_description, 75);
			return data;
		}
	});
	
	holidayFrontView.on('click', function(dv, index)
	{
		holiday_id = holidayFrontStore.getAt(index).data.holiday_id;
		
		location.href="reis.html?hid="+holiday_id;
	});
});