Booking.Quote = Ext.extend(Ext.Panel, {
	border: false,
	frame: false,
	labelWidth: 120,
        bodyStyle: 'background-color: #0D0D0D',
	style: { padding: '5 0 5 0' },

	initComponent: function() {
		var config = {items: [{
				xtype: 'panel',
				labelWidth: 120,
				itemId: 'sumary',
				style: { padding: '5 0 5 0' }
				}, {
				xtype: 'fieldset',
				itemId: 'Map',
				autoHeight: true,
				items: [{
					xtype: 'gmappanel',
					zoomLevel: 3,
					style:{marginleft:'-10'},
					gmapType: 'map',
					itemId: 'my_map',
					height: 300,
					width: '100%' ,
					border: true,
					mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
					setCenter: {
						lat: 43,
						lng: 11
					}
				}]
			}
			]};

		Ext.apply(this, Ext.apply(this.initialConfig, config));

		Booking.Quote.superclass.initComponent.apply(this, arguments);
	},

	onRender: function() {
		Booking.Quote.superclass.onRender.apply(this, arguments);
	},

	setHtml: function(html){
		this.getComponent('sumary').body.update(html);
		this.getComponent('sumary').doLayout();
	},

	addMarker: function(lat, lng){
		this.getComponent('Map').getComponent('my_map').addMarker(new google.maps.LatLng(lat, lng), [lat, lng]);
	}
});

Ext.reg('quoteForm', Booking.Quote);