Ext.namespace('playerGrid');

Ext.onReady(function(){

/*
playerGrid.handleEdit = function(editEvent) {
	var gridField = editEvent.field;
    var gridRecord = editEvent.record;
    var updateValue = gridRecord.get(gridField);
    var updateID = gridRecord.get('number');
	 
	Ext.Ajax.request(
              { 
                  waitMsg: 'updating...',
                  url: 'http://127.0.0.1/cengweb-ext/CodeIgniter/index.php/upload/update',
                  params:{task:"update", CableNbr:updateID, field:gridField, values:updateValue},
                  failure: function(response,options){
                     Ext.MessageBox.alert('Warning','update failded...');
                  },
                  success:function(response,options){
                     var responseData = Ext.util.JSON.decode(response.responseText);
                     if (responseData.data == 'refresh'){
                       // grids.dsGet.reload();//
                         }
                      }
          });
        
}
*/	



    function LoadVideoBar() {

	 playerGrid.videoBar;
    var options = {
        largeResultSet : !false,
        horizontal : false,
        autoExecuteList : {
          cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
          cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
          executeList : ["test"]
        }
      }

    playerGrid.videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
                              GSvideoBar.PLAYER_ROOT_FLOATING,
                              options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadVideoBar);



			myRecordObj = Ext.data.Record.create([
 	        {name:"link"},
 	        {name:"artist"},
 	        {name:"song"}, 	        
 	        {name:"album"},
 	        {name:"genre"}, 	        
 	        {name:"time"},
 	        {name:"post"}
 	        ]);
	    
	        myReader = new Ext.data.JsonReader( 
			{
	            root: 'data', 
	            totalProperty: 'totalCount'
	        },
	        
	        	myRecordObj 
	        );
   	
        
	        playerGrid.gds = new Ext.data.Store({
            proxy: new Ext.data.ScriptTagProxy({
	            url: "http://www.spacetemple.com/test-project/CodeIgniter/index.php/playergrid/get/", 
	            method: "POST",
	            callback:function(){}
	            
	        }),
            baseParams:{data:"hi"}, 
            reader: myReader,
            sortInfo:{field: "artist", direction: "ASC"}
	        })
	      	     
	       	
	        //fucntion to get the link to the blog post from a table click event
			playerGrid.handleRowClick = function (grid,index,event)
			{
				var record = grid.getStore().getAt(index);
				var post = record.get('post');
				var artist = record.get('artist');
			myPanels.blogpostpanel.destroy();
			myPanels.blogpostpanel = new Ext.Panel({
			html:'<h4 align="center"><iframe src ="'+post+'" width="700px" height="415px" frameborder = "0"></iframe></h4>',
		    width: 705,
	        height: 444,
	        title: 'Original Post',
	        renderTo: 'blogpostpanel'
		    });
	        	
	        playerGrid.videoBar.execute(artist);
//				var links = {linkss:link};
//				var tpl = new Ext.Template(
//                    '<p>Link:{links}</p>'
 //               );

//                tpl.overwrite(playerGrid.blogpostpanel, link);
//                playerGrid.blogpostpanel.doLayout();
//                myPanels.blogpostpanel.highlight('#c3daf9', {block:true});

			};
			
	        playerGrid.grid = new Ext.grid.GridPanel({
	        store: playerGrid.gds,
	        
	    	cm: new Ext.grid.ColumnModel([

	            {header: "Artist", width: 150, sortable: false, dataIndex: 'artist' },
	       		{header: "Song", width: 150, sortable: false, dataIndex: 'song'},
	            {header: "Album", width: 180, sortable: false, dataIndex: 'album'},
	            
	        ]),

	        frame:true,
	        width: 500,
	        height: 200,
	        title: 'Playlist',
	        collapsible: false,
	        loadMask: true,
	        iconCls: 'icon-grid', 
	        renderTo: 'playergrid'
	       
	    });
	    playerGrid.grid.on('rowclick', playerGrid.handleRowClick);
	
	    
	    playerGrid.gds.load();

	        

});