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

Ext.onReady(function(){

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var myData = [
    //                     Gesamt,0910,0908,0807,0607,0506,Tend.
	[ 1,'Fitzke, U.',        55.5 ,5.0, 5.5, 6.5, 5.0, 4.0, 1 ],
	[ 2,'Heinze, A.',        50.5 ,6.0, 7.5, 3.5, 4.5, 4.5, 3 ],
	[ 3,'Goerke, T.',        49.5 ,3.5, 5.5, 7.0, 4.5, 2.5, 2 ],
	[ 4,'Hantusch, R.',      49.0 ,6.0, 4.5, 7.0, 5.0, 7.0, 4 ],
	[ 5,'Schwarz, W.',       46.5 ,4.0, 2.5, 6.0, 3.5, 5.0, 5 ],
	[ 6,'Woyte, U.',         44.0 ,3.5, 7.0, 3.0, 4.5, 4.5, 6 ],
	[ 7,'Nötzel, F.',        43.5 ,6.0, 4.0, 3.5, 7.5, 7.0,11 ],
	[ 8,'Bandlow, R.',       42.5 ,6.0, 4.5, 4.5, 5.5, 0.0,13 ],
	[ 9,'Neldner, A.',       42.5 ,4.0, 2.0, 4.5, 5.5, 6.0, 9 ],
	[10,'Schmidt, S.',       41.0 ,7.0, 5.5, 4.5, 5.0, 3.5,16 ],
	[11,'Sill, O.',          41.0 ,5.0, 5.0, 2.5, 6.0, 7.0,14 ],
	[12,'Neumann, T.',       41.0 ,4.5, 7.5, 7.0, 5.5, 3.0,12 ],
	[13,'Nabel, M.',         41.0 ,3.5, 6.0, 3.5, 5.0, 4.0,10 ],
	[14,'Neldner, M.',       40.5 ,1.0, 1.0, 4.0, 6.5, 6.5, 7 ],
	[15,'Sube, G.',          40.0 ,4.5, 5.5, 2.0, 5.0, 3.5,15 ],
	[16,'Bandlow, M.',       39.5 ,6.0, 2.5, 5.0, 6.0, 4.0,19 ],
	[17,'Schmidt, M.',       39.0 ,   ,    ,    , 8.0, 4.5, 8 ],
	[18,'Aschmutat, H.',     35.5 ,1.5,    , 4.5, 3.5, 5.5,17 ],
	[19,'Reinhard, M.',      35.0 ,2.5, 6.0, 5.0, 5.0, 3.0,20 ],
	[20,'Eggert, R.',        34.5 ,4.0, 3.0, 2.0, 4.5, 4.0,21 ],
	[21,'Basan, R.',         34.0 ,   ,    ,    , 4.5, 4.0,18 ],
	[22,'Kernke, K.',        33.0 ,3.0, 4.0, 5.0, 3.0, 3.5,22 ],
	[23,'Schramm, A.',       32.5 ,3.0, 5.0, 0.5, 3.0, 6.0,24 ],
	[24,'Jüttner, O.',       32.5 ,2.5, 2.0, 4.5, 4.5, 4.5,23 ],
	[25,'Schmerse, G.',      29.0 ,3.5, 3.0, 4.5, 0.5, 1.0,28 ],
	[26,'Neldner, U.',       29.0 ,0.0, 2.0, 4.0, 3.5, 3.5,25 ],
	[27,'Müller, D.',        27.5 ,   , 1.5, 1.5, 0.5, 3.0,26 ],
	[28,'Keller, J.',        27.0 ,3.0, 4.0, 3.0, 3.5, 3.0,31 ],
	[29,'Auge, R.',          27.0 ,2.0, 4.0, 6.0, 4.5, 5.0,29 ],
	[30,'Pätzlod, M.',       26.5 ,2.0, 4.0, 6.0, 4.5, 5.0,30 ],
	[31,'Koch, F.',          26.0 ,   ,    ,    , 5.0, 4.0,27 ],
	[32,'Kreitling, O.',     25.5 ,3.5, 4.5, 5.5, 5.5, 6.5,35 ],
	[33,'Scheike, C.',       24.0 ,1.0, 3.0, 1.5, 2.5, 4.5,33 ],
	[34,'Wenzel, A.',        24.0 ,   ,    ,    ,    , 5.0,32 ],
	[35,'Müller, A.-L.',     23.0 ,2.5, 4.5, 2.0, 3.5, 2.5,36 ],
	[36,'Melzer, A.',        23.0 ,   ,    ,    , 8.0, 8.0,34 ],
	[37,'Grabowski, B.',     21.5 ,2.5, 1.5, 2.5, 1.0, 2.5,39 ],
	[38,'Blank, D.',         21.5 ,2.0, 4.5, 1.5, 3.0, 1.5,38 ],
	[39,'Scholz, D.',        20.0 ,   ,    ,    ,    , 1.5,37 ],
	[40,'Gros, D.',          19.0 ,7.5, 6.5, 5.0,    ,    ,48 ],
	[41,'Rietz, A.',         17.5 ,1.0,    , 0.5,    , 2.0,40 ],
	[42,'Freudenstein, K.',  17.0 ,6.0, 3.0, 8.0,    ,    ,50 ],
	[43,'Cirakoglu, A.',     17.0 ,2.0, 4.5, 4.0, 6.5,    ,41 ],
	[44,'Siebert, R.',       16.0 ,1.0, 2.0, 5.5, 1.0, 4.0,42 ],
	[45,'Smajic, M.',        14.5 ,1.0, 6.0,    , 5.0, 2.5,43 ],
	[46,'Wordel, N.',        13.5 ,   ,    ,    , 0.5, 2.0,44 ],
	[47,'Bradtschetl, T.',   12.5 ,   ,    ,    , 2.0,    ,45 ],
	[48,'Creutznacher, T.',  12.0 ,2.0, 2.0, 4.5, 2.0,    ,51 ],
	[49,'Weiher, G.',        12.0 ,   ,    , 0.5, 2.5, 1.5,46 ],
	[50,'Junkers, M.',       12.0 ,   ,    ,    ,    ,    ,47 ],
	[51,'Bienert, R.',       11.5 ,   ,    ,    ,    ,    ,49 ],
	[52,'Gräfe, C.',          9.5 ,   ,    ,    , 5.0, 4.5,52 ],
	[53,'Baum, J.',           8.5 ,   ,    ,    ,    ,    ,53 ],
	[54,'Schulmeister, G.',   8.0 ,   ,    ,    ,    ,    ,54 ],
	[55,'Schinkoethe, C.',    8.0 ,   ,    ,    ,    ,    ,55 ],
	[56,'Schrank, M.',        8.0 ,   ,    ,    ,    ,    ,56 ],
	[57,'Tauchnitz, H.',      7.5 ,   ,    ,    ,    ,    ,57 ],
	[58,'Petkov, P.',         6.5 ,6.5,    ,    ,    ,    ,   ],
	[59,'Eberhardt, K.',      6.5 ,   ,    ,    ,    ,    ,58 ],
	[60,'Breitenfeld, G.',    6.0 ,   ,    ,    , 6.0,    ,59 ],
	[61,'Troppa, K.',         6.0 ,   ,    ,    ,    ,    ,60 ],
	[62,'Pfarr, R.',          5.5 ,   ,    ,    ,    ,    ,61 ],
	[63,'Loos, W.',           5.5 ,   ,    ,    ,    ,    ,62 ],
	[64,'Amboss, M.',         5.0 ,0.0, 1.5, 0.5, 2.0, 1.0,63 ],
	[65,'Le Van, D.',         5.0 ,   ,    ,    ,    ,    ,64 ],
	[66,'Pohl, M.',           4.0 ,   ,    ,    ,    ,    ,65 ],
	[67,'Rösler, S.',         3.5 ,   ,    ,    ,    ,    ,66 ],
	[68,'Fiedler, W.',        3.5 ,   ,    ,    ,    ,    ,67 ],
	[69,'Spindler, M.',       3.0 ,   ,    ,    ,    ,    ,68 ],
	[70,'Langer, H.',         2.0 ,   ,    ,    ,    ,    ,69 ],
	[71,'Bade, A.',           1.5 ,   ,    ,    ,    , 1.5,70 ],
	[72,'Taya, M.',           1.5 ,   ,    ,    ,    ,    ,71 ],
	[73,'Kilpatrick, S.',     1.5 ,   ,    ,    ,    ,    ,72 ],
	[74,'Tausch, D.',         1.5 ,   ,    ,    ,    ,    ,73 ],
	[75,'Leonhard, K.',       1.0 ,   ,    ,    , 1.0,    ,74 ],
	[76,'Tran Thanh, L.',     1.0 ,   ,    ,    ,    ,    ,75 ],
	[77,'Sellin, J.',         1.0 ,   ,    ,    ,    ,    ,76 ],
	[78,'Schellin, K.',       1.0 ,   ,    ,    ,    ,    ,77 ],
	[79,'Gärtner, K.',        1.0 ,   ,    ,    ,    ,    ,78 ],
	[80,'Ivert, R.',          0.5 ,   ,    ,    ,    ,    ,79 ],
	[81,'Lachmann, D.',       0.5 ,   ,    ,    , 0.5, 0.0,80 ],
	[82,'Barth, H.',          0.5 ,   ,    ,    ,    ,    ,81 ],
	[83,'Stephan, A.',        0.0 ,   , 0.0,    ,    ,    ,82 ],
	[84,'Großkopf, J.',       0.0 ,   ,    ,    ,    ,    ,83 ]
    ];

    // example of custom renderer function
    function change(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '</span>';
        }
        return val;
    }

    // example of custom renderer function
    function pctChange(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '%</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '%</span>';
        }
        return val;
    }

    //make the text bold
    function makebold(val){
        return '<div style="font-weight:bold;" align="center">' + val + '</div>';
    }

    //make the text centered
    function tendenzIcon(val){
       var imageTag = '<div align="center"><img src="images/radio.gif" alt="keine Ver?§nderung" title="keine Ver?§nderung"></div>'; //black    
	   for(i=0; i<myData.length; i++) {
        if(val == myData[i][8]) {
		    if(myData[i][8] > myData[i][0]) {
		        //green
		        imageTag = '<div align="center"><img src="images/pfeil_hoch.gif"  width="10" height="13" alt="verbessert" title="verbessert"></div>';
		    } else if(myData[i][8] < myData[i][0]) {
		        //red
		        imageTag = '<div align="center"><img src="images/pfeil_runter.gif"  width="10" height="13" alt="verschlechtert" title="verschlechtert"></div>';
		    }
		 }   
		}		
		return imageTag;
	}

    //make the text centered
    function makecenter(val){
        return '<div align="center">' + val + '</div>';
    } 

    // create the data store
    var store = new Ext.data.SimpleStore({
        fields: [
           {name: 'platz'},
           {name: 'name', type: 'string'},
       {name: 'gesamt', type: 'float'},
	   {name: '0910', type: 'float'},
	   {name: '0809', type: 'float'},
	   {name: '0708', type: 'float'},
       {name: '0607', type: 'float'},
	   {name: '0506', type: 'float'},
	   {name: 'tendenz', type: 'string'}
        ]
    });
    store.loadData(myData);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
        {id:'platz',header: "Platz", width: 10, sortable: true, renderer: makecenter, dataIndex: 'platz'},
        {header: "Name", width: 170, sortable: true, dataIndex: 'name'},
	    {header: "Gesamt", width: 90, sortable: true, renderer: makebold, dataIndex: 'gesamt'},
	    {header: "09/10", width: 70, sortable: true, renderer: makecenter, dataIndex: '0910'},
	    {header: "08/09", width: 70, sortable: true, renderer: makecenter, dataIndex: '0809'},
	    {header: "07/08", width: 70, sortable: true, renderer: makecenter, dataIndex: '0708'},
        {header: "06/07", width: 70, sortable: true, renderer: makecenter, dataIndex: '0607'},
	    {header: "05/06", width: 70, sortable: true, renderer: makecenter, dataIndex: '0506'},
	    {header: "Tendenz", width: 90, sortable: true, renderer: tendenzIcon, dataIndex: 'tendenz'}
        ],
        stripeRows: false,
        autoExpandColumn: 'platz',        
        height: 500,
        width: 740,
	    frame: true,
	    border: true,
	    autoScroll: true,
        title:'Punkte in der BMM seit 2000'
    });

    grid.render('topscorer');

    grid.getSelectionModel().selectFirstRow();
});
