/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){

    Ext.QuickTips.init();
    
    var xg = Ext.grid;

    // shared reader
    var reader = new Ext.data.ArrayReader({}, [
       {name: 'foto'},
       {name: 'nome'},
       {name: 'Ruolo'},
       {name: 'squadra'}
    ]);

    var grid = new xg.GridPanel({
        store: new Ext.data.GroupingStore({
            reader: reader,
            
            data: [
    ['<a href="?page=warpigsMember&member=greg" ><img src="warpigs/images/greg_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=greg" >GREG</a>','Comandante','(non definito)'],
    ['<a href="?page=warpigsMember&member=jason" ><img src="warpigs/images/jason_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=jason" >JASON</a>','Assalto','(non definito)'],
    ['<a href="?page=warpigsMember&member=zizzi" ><img src="warpigs/images/zizzi_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=zizzi" >ZIZZI</a>','Vice Comandante','(non definito)'],
    ['<a href="?page=warpigsMember&member=magnej" ><img src="warpigs/images/magne_junior_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=magnej" >MAGNE JUNIOR</a>','Scalatore','(non definito)'],
    ['<a href="?page=warpigsMember&member=magne" ><img src="warpigs/images/magne_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=magne" >MAGNE</a>','Artificiere','(non definito)'],
    ['<a href="?page=warpigsMember&member=nadir" ><img src="warpigs/images/neddy_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=nadir" >NEDDY</a>','Assalto, <br/>incursioni','(non definito)'],
    ['<img src="warpigs/images/adam_small.jpg" alt=""/>','ADAM','Organizzazione del fuoco <br/>di copertura','(non definito)'],
    ['<a href="?page=warpigsMember&member=grinch" ><img src="warpigs/images/grinch_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=grinch" >GRINCH</a>','Assalto','(non definito)'],
    ['<a href="?page=warpigsMember&member=mattei" ><img src="warpigs/images/mattei_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=mattei" >IL MATTEI</a>','Assalto, <br/>fuoco di copertura','(non definito)'],
    ['<a href="?page=warpigsMember&member=cesco" ><img src="warpigs/images/cesco_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=cesco" >CESCO</a>','Scout, <br/>jolly del gruppo','(non definito)'],
    ['<img src="warpigs/images/alys_small.jpg" alt=""/>','ALYS','Sanitario di truppa, <br/>incursioni','(non definito)'],
    ['<a href="?page=warpigsMember&member=duri" ><img src="warpigs/images/duri_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=duri" >DURI</a>','Assalto, <br/>scassinatura','(non definito)'],
    ['<img src="warpigs/images/liroit_small.jpg" alt=""/>','LIROIT','Ricognizione, <br/> mimetizzazione nell\'erba','(non definito)'],
    ['<a href="?page=warpigsMember&member=sheron" ><img src="warpigs/images/sheron_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=sheron" >SHERON</a>','Assalto','(non definito)'],
    ['<a href="?page=warpigsMember&member=ghost" ><img src="warpigs/images/ghost_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=ghost" >GHOST</a>','Assalto','(non definito)'],
    ['<a href="?page=warpigsMember&member=vilei" ><img src="warpigs/images/vilei_small.jpg" alt=""/></a>','<a href="?page=warpigsMember&member=vilei" >CHANG</a>','Assalto','(non definito)']
],
            sortInfo:{field: 'nome', direction: "ASC"},
            groupField:''
        }),
        disableSelection:true,
        columns: [
            {id:'foto',header: "Foto", width: 25, sortable: false, dataIndex: 'foto'},
            {id:'nome',header: "Nome", width: 25, sortable: true, dataIndex: 'nome', align:'center'},
            {id:'specializzazione',header: "Ruolo", width: 50, sortable: true, dataIndex: 'Ruolo', align:'center'},
            {id:'squadra',header: "Squadra", width: 55, sortable: true, dataIndex: 'squadra'}
        ],

        view: new Ext.grid.GroupingView({
            forceFit:true,
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
        }),

        frame:true,
        width: 826,
        height: 1720,
        collapsible: true,
        animCollapse: false,
        title: 'Warpigs Clan',
        iconCls: 'icon-grid',
        renderTo: document.getElementById("warpigs")
    });
});