var SidePanel=MGViewer.extend({
	options:
	{
		position:"left"
	},
	initialize:function(mediaMap, templateManager, options){
		var me=this;
		mm_debug('add panel');
		var panel=new Element('div',{style:"background-color:lightGrey; border:1px dashed gray; color:gray; float:left; height:100%; text-align:center; width:7%;"});

		mm_debug(panel);
		
		mediaMap.element.setStyle('width','92%');	
		mediaMap.element.setStyle('float','right');	
		panel.inject(mediaMap.element.parentNode,"top");
		panel.setText('drag content here to display');
		this.panel=panel;
	
		me.mediaMap=mediaMap;
		me.templateManager=templateManager;
		this.setOptions(options);
	},
	display:function(module){
		var me=this;
		me.panel.appendChild(module.getContent());
		this.fireEvent('onLoad');
	}

});