var ArticlesDataStore;
var ArticlesColumnModel;
var ArticlesListingEditorGrid;
var ArticlesListingWindow;
var columnwidth;
var editorwidth;

columnwidth=328;
editorwidth=670;

function detectBrowser()
{
var browser=navigator.userAgent;
 
if(browser.match("MSIE 6")!=null){
//ie6 exception
columnwidth=330;
editorwidth=670;
}
}

function loadArticles(){

detectBrowser();

Ext.onReady(function(){

Ext.QuickTips.init();
ArticlesDataStore = new Ext.data.GroupingStore({
      id: 'ArticlesDataStore',
      proxy: new Ext.data.HttpProxy({
                url: '../loadblogjs/', 
                method: 'POST'
            }),
            baseParams:{task: "loadblog", type: "new"}, // this parameter is passed for any HTTP request
      reader: new Ext.data.JsonReader({
        root: 'results',
        totalProperty: 'total',
        id: 'unqID'
      },[ 
		{name: 's_blogg_title', type: 'string', mapping: 's_blogg_title'},
		{name: 'studentname', type: 'string', mapping: 'studentname'},
		{name: 'blog_id', type: 'string', mapping: 'blog_id'},
		{name: 'postsc', type: 'string', mapping: 'postsc'},
		{name: 'commentsc', type: 'string', mapping: 'commentsc'},
		{name: 'blog_name', type: 'string', mapping: 'blog_name'},
		{name: 's_tblog', type: 'string', mapping: 's_tblog'},
		{name: 'blog_types', type: 'string', mapping: 'blog_types'},
		{name: 'tags', type: 'string', mapping: 'tags'},
		{name: 'avatar', type: 'string', mapping: 'avatar'},
		{name: 'blog_types2', type: 'string', mapping: 's_blogg_type'}
      ]),
      sortInfo:{field: 's_blogg_title', direction: "ASC"},
	  remoteSort: 'true',
	    	  listeners:{			
    				beforeload: function()
					{						
						Ext.MessageBox.show({
           msg: 'Loading your data, please wait...',
           progressText: 'Loading...',
           width:300,
           wait:true,
           waitConfig: {interval:200}
       })
					},
					load: function()
					{
						 Ext.MessageBox.hide();
					}
    			}
    });
    
  ArticlesColumnModel = new Ext.grid.ColumnModel(
    [{
        header: 'Title',
        readOnly: true,
        dataIndex: 's_blogg_title', // this is where the mapped name is important!
        width: columnwidth,
        hidden: false,
		hideable : false,
		renderer: renderBtitle,
		fixed : true,
		resizable : false,
		menuDisabled : true
      }
	  ]
    );
  
    ArticlesColumnModel.defaultSortable= true;
    
  ArticlesListingEditorGrid =  new Ext.grid.GridPanel({
      id: 'ArticlesListingEditorGrid',
      store: ArticlesDataStore,
	  disableSelection : true,
      cm: ArticlesColumnModel,
      enableColLock:false,
      clicksToEdit:1,
      selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
	  bbar: new Ext.PagingToolbar({
                pageSize: 8,
                store: ArticlesDataStore,
                displayInfo: true
            }),
	   width:editorwidth,
      autoHeight:true,
	  enableDragDrop: false,
	  enableDrag:false,
	  enableColumnMove : false,
	  renderTo: 'grid-example',
	  stripeRows: 'true'
    });
    
	function renderBtitle(value, p, record){
var comments = record.data.commentsc;

var posts = record.data.postsc;
var avatar = record.data.s_tblog;
var sciavatar = '';
var ysavatar = '';
var btypes = record.data.blog_types;
var btypes2 = record.data.blog_types2;



if(btypes.search(/scifest/)!=-1){
sciavatar = '<li><img title="SciFest" src="/wp-content/themes/project_blogger/portal/images/BC_logo_discover_science.png" alt="scifest" /></li>';
}

if(btypes.search(/youngscientist/)!=-1){
ysavatar = '<li><img title="Young Scientist" src="/wp-content/themes/project_blogger/portal/images/BC_logo_young_scientist.png" alt="young scientist" /></li>';
}

if(btypes2.search(/BTYS/)!=-1){
ysavatar = '<li><img title="Young Scientist" src="/wp-content/themes/project_blogger/portal/images/BC_logo_young_scientist.png" alt="young scientist" /></li>';
}

if(btypes2.search(/SCIFEST/)!=-1){
ysavatar = '<li><img title="SciFest" src="/wp-content/themes/project_blogger/portal/images/SCifest_mini_icon.png" alt="scifest" /></li>';
}





dpsavatar = "";
if(btypes.search(/DPS/)!=-1){
dpsavatar = '<li><img title="Discover Primary Science" src="/wp-content/themes/project_blogger/portal/images/DPS_mini_icon.png" alt="Discover Primary Science" /></li>';
}
sciavatar = sciavatar + ysavatar;
sciavatar = sciavatar + dpsavatar;



if (avatar=='1'){
avatar= sciavatar + '<li><img title="Teacher Account" src="/wp-content/themes/project_blogger/portal/images/BC_logo_teacher.png" alt="teacher" /></li>';			
}
else{
avatar= sciavatar + '<li><img title="Student Account" src="/wp-content/themes/project_blogger/portal/images/BC_logo_student.png" alt="student"/></li>';
}

if (comments==''){
comments=0;	
}

if (posts==''){
posts=0;	
}

var stars ='';

if (posts<5){
stars = '<li><img title="Novice Star User" src="/wp-content/themes/project_blogger/portal/images/BC_logo_star1.png" alt="Novice Star User"/></li>';
}
else
if (posts<10){
stars = '<li><img title="Silver Star User" src="/wp-content/themes/project_blogger/portal/images/BC_logo_star2.png" alt="Silver Star User"/></li>';
}
else
if (posts<15){
stars = '<li><img title="Gold Star User" src="/wp-content/themes/project_blogger/portal/images/BC_logo_star3.png" alt="Gold Star User"/></li>';
}

return String.format('<div class="BC_box"><a href="http://projectblogger.ie/{3}/" class="div_to_link" target="_blank"><div class="BC_avatar">'+record.data.avatar+'</div><ul class="BC_bloginfo"><li><h2><div class="blogc_bname">{3}</div>{0}</h2></li><li><span><strong>Tags</strong></span>: {5}</li><li>{1} posts, {2} comments</li></ul><ul class="BC_logos">'+stars+'{4}</ul></a></div>',
                value, posts, comments, record.data.blog_name, avatar, record.data.tags); 
	        
    }
	
  
  ArticlesDataStore.load({params: {start: 0, limit: 8}});  
});


}
loadArticles();