﻿Itsb_DovePage = function(config)
{
    Ext.apply(this, config);

	Ext.ns('Ext.ux.layout');
	Ext.ux.layout.CenterLayout = Ext.extend(Ext.layout.ContainerLayout,{
		onLayout: function(ct, target) {
			if(!this.innerCt) {
				this.innerCt = target.createChild({tag:'center'});
			}
			this.renderAll(ct, this.innerCt);
		}
	});
	Ext.Container.LAYOUTS['ux.center'] = Ext.ux.layout.CenterLayout;

    var mappanel = new Ext.Panel({
		layout: 'fit',
		width:620,
		height:440,
		items: 
			{
			xtype: 'gmappanel',
			zoomLevel: 16,
			id:'gmap-panel',
			gmapType: 'map',
			mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
			mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
			setCenter: {
				geoCodeAddr: 'Via Sisto IV, 176, 00167 Roma, Italia',
				marker: {title: 'Associazione Viviamo La Musica'}
			},
			markers: [{
				lat: 41.910290,
				lng: 12.420362,
				listeners: {
					click: function(e){
						var point = new GLatLng(41.910290, 12.420362);
						var myHtml = "<b>Associazione Viviamo La Musica</b><br/>Via Sisto IV, 176<br/>00167 Roma, Italia";
						Ext.getCmp('gmap-panel').getMap().openInfoWindowHtml(point, myHtml);
					}
				}
			}]
		}
	});
            
/*******************/

	var iframepanel = new Ext.ux.ManagedIframePanel({
		id: 'iframe-dove-siamo-page',
		defaultSrc :  'public/WebPage/DoveSiamo.aspx',
		width: 615,
		height: 100,
		loadMask:true
	});

	var contentDovePage =  new Ext.Panel({
        collapsible: false,
        id:'center-panel-dove-page',
		layout:'ux.center',
		frame:false,
		width: 615,
		height: 440,
		border : true,
		items:[iframepanel,mappanel]
    });
    
    Itsb_DovePage.superclass.constructor.call(this, {
        id:         config.id,
        title:      config.title,
        layout:     'fit',
        border:     false,
        bodyStyle:  'padding:5px',
        closable:   true,
        autoScroll: true,
        items:      [contentDovePage]
    });
};



Ext.extend(Itsb_DovePage, Ext.Panel, {

    initComponent : function(){
        Itsb_DovePage.superclass.initComponent.call(this);             
    }
    
});
