Itsb_AppartamentiPage = function(config)
{
    Ext.apply(this, config);
	
	var tpl = new Ext.XTemplate(
		'<tpl for=".">',
		    '<div class="record" style="padding:5px;">',
            '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
            '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">',
            '<table style="width:100%;">',
            '<tr><td align="left"><h3>Tipologia {Tipologia}</h3></td><td align="right"><h3>(unita\' disponibili:{Quantita})</h3></td></tr>',
            '<tr><td colspan="2"><hr></td></tr>',
            '<tr><td style="width:110px"><img src="{Immagine}" alt="{Tipologia}" title="{Tipologia}" width="96px" height="96px" style="border:4px solid white" ></td>',
            '<td>{DescrizioneAppartamento}<br/>',
            '{Indirizzo}<br/>',
            '<hr>',
            '<ul><li>{Dettaglio1}</li><li>{Dettaglio2}</li><li>{Dettaglio3}</li><li>{Dettaglio4}</li></ul></td></tr>',
            '</table>',            
            '</div></div></div>',
            '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
            '</div>',       
        '</tpl>',
        '<div class="x-clear"></div>'
	);

	var storeDataView = new Ext.data.Store({
        url: 'Handler/AppartamentiHandler.ashx?action=list',  
        reader: new Ext.data.JsonReader({
            root:          'Itsb_Bean_Appartamento',
            totalProperty: 'rowcount',
            id:            'IdAppartamento'
        }, [
            {name: 'IdAppartamento'},
            {name: 'Tipologia'},
            {name: 'DescrizioneAppartamento'},
            {name: 'Indirizzo'},
            {name: 'Dettaglio1'},
            {name: 'Dettaglio2'},
            {name: 'Dettaglio3'},
            {name: 'Dettaglio4'},
            {name: 'Quantita'},
            {name: 'Immagine'}
        ])
    });
	
    var dataView = new Ext.DataView({
        id:          'list_appartamenti_dataview',
        title:       '',
        autoHeight:  true,
        multiSelect: false,
        itemSelector:'div.record',
        overClass:   'x-view-over',
        selectedClass : 'x-view-selected',
        loadingText: 'Caricamento.....',
        emptyText:   'Nessun servizio presente.',
        tpl:         tpl,
        store:       storeDataView
    });
   
    storeDataView.load(); 

	var headerImageContentPanel = new Ext.Panel({
        id:'appart-header-image-contentPanel',
        border:false,
        autoScroll:false,
        html :  '<img src="images/base/titolo_appartamenti.png" title="Gli appartamenti" alt="Gli appartamenti">'
    });

	var testoHeader='<span style="font-size:12pt;color:#0000CC;padding-left:10px;">'+
					'<b>La Struttura dispone delle seguenti unit&agrave; ricettive:</b></span><br/>';
					
	var headerTextContentPanel = new Ext.Panel({
        id:'appart-header-text-contentPanel',
        border:false,
        autoScroll:false,
        html :  testoHeader
    });
	
	var contentAppartamentiPagePanel = new Ext.Panel({
        id:'contentAppartamentiPagePanel',
        title:'',
        border:false,
        autoScroll:true,
		height:550,
        items:[headerImageContentPanel,headerTextContentPanel,dataView]
    });
	
    Itsb_AppartamentiPage.superclass.constructor.call(this, {
        id          : config.id,
        title       : config.title,
        width       : 700,
        height      : 550,        
        layout      : 'fit',
        border      : false,
        bodyStyle   : 'padding:5px',
        modal       : true,
        plain       : true,
        resizable   : false,
        maximizable : true,
        autoDestroy : true,
		bbar        :[
			'->',
			{
                text: 'Chiudi e torna alla Home Page',
                iconCls: 'IconButton24px',
				id:'chiudi-button',
                iconAlign: 'right',
				scale:'medium',
				ctCls:'TextButton24px',
				handler: function(){                
		                Ext.getCmp(config.id).close();
					}
            }],
		items:[contentAppartamentiPagePanel]
    });
};

Ext.extend(Itsb_AppartamentiPage, Ext.Window, {

    initComponent : function(){
        Itsb_AppartamentiPage.superclass.initComponent.call(this);             
    }
    
});