Ext.ns('Sight');
Sight.ContentPanel = Ext.extend(Ext.Panel, {
	title:'Test',
	width:'100%',
    margins:'0 0 0 0',
    border:false,
    layout:'fit'

    ,initComponent:function() {
		    	
        Ext.apply(this, {
        	title:this.title
        });
		
        Sight.ContentPanel.superclass.initComponent.apply(this, arguments);
        
    } // eo function initComponent    
    ,load:function(type, id, url) {
    	Ext.Ajax.request({
			url : url+id,
			success : function(response) {
    			var contentPanel = Ext.getCmp(type+'panel_'+id);
				var object = Ext.util.JSON.decode(response.responseText);
				if (object.success) {
					var title = '<span class="label-element">Article ['+object.data[0].title+']</span>';
					var content = '<div class="fragment"><div class="fragment-title">'+object.data[0].title+'</div><div class="fragment-content">'+object.data[0].content+'</div></div>';
					contentPanel.setTitle(title);
					contentPanel.show();
					contentPanel.body.update(content);						
				} else {
					var content = '<span class="label-element">Content is not found, contact the administrator.</span>';
					contentPanel.setTitle('Not Found');
					contentPanel.show();
					contentPanel.body.update(content);					
				}
			},
			failure : Sight.util.requestFailed
		});
    } // eo load
});
 
Ext.reg('contentpanel', Sight.ContentPanel);