var section='Agro-homeopathy'; 



function reload_giorgio(){   

$(function(){
       ///// giorgio array dei campi da data.js.php
        Object.keys(orders);
        //  alert( Object.keys(orders[0]) );    
        var arr_campi =  Object.keys(orders[0]);
        var campo_0 = arr_campi[0];
       //   alert(arr_campi.length);
        var quanti_campi = arr_campi.length;
   //     alert(quanti_campi);
    //    alert(window.innerWidth);
    if(window.innerWidth > 1500){
    var larg_colonna =  ((window.innerWidth/quanti_campi) + 10 );
    }
    
        else if(window.innerWidth > 1000){
    var larg_colonna =  ((window.innerWidth/quanti_campi) + 4 );
    }
    
     else if(window.innerWidth < 1000){
      var larg_colonna =  ((window.innerWidth/quanti_campi) + 40 );
    // alert();   
    }
    
         else if(window.innerWidth < 500){
      var larg_colonna =  ((window.innerWidth/quanti_campi) + 40 );
     
    }
   if((quanti_campi<10) && window.innerWidth > 1000) {larg_colonna = larg_colonna+45;} 
    if((quanti_campi<10) && window.innerWidth < 800) {larg_colonna = larg_colonna-0;}   
  //  alert(window.innerWidth +" "+quanti_campi);
    
  //  alert(arr_campi.length);   
    //   alert(arr_campi.length );          

    $("#gridContainer").dxDataGrid({
            searchPanel: { visible: true },
 
        dataSource: orders,
         keyExpr: "ID", 
         keyExpr: "num",          
        selection: {mode: "single" },
          
           onSelectionChanged: function(e) {
            e.component.collapseAll(-1);
            e.component.expandRow(e.currentSelectedRowKeys[0]);
        },
        onContentReady: function(e) {
        /*
            if(!e.component.getSelectedRowKeys().length)
                e.component.selectRowsByIndexes(0);
         */       
        },
        
       allowColumnResizing: true,
        columnResizingMode: "nextColumn",
       columnMinWidth: 40,
       columnMaxWidth: 100,   
       rowAlternationEnabled: true,    
        columnAutoWidth: true,
      //  columnHidingEnabled: true,
        showBorders: true,


        editing: {
      //      allowAdding: true,
       //     allowUpdating: true,
        //    mode: "batch" ,
        },
        export: {
        //    enabled: true,
        //    fileName: "Orders",
        },
        grouping: {
        
     //   contextMenuEnabled: true,
     //   expandMode: "rowClick" ,
        },   
        groupPanel: {
        //    emptyPanelText: "Use the context menu of header columns to group data",
       //     visible: true,
        },
         headerFilter: {
      // visible: true,
        },
        filterPanel: {                                       
         visible: false ,
        },
           filterRow: {
          visible: true,
        },
        pager: {
            allowedPageSizes: [5, 8, 15, 30],
            showInfo: true,
            showNavigationButtons: true,
            showPageSizeSelector: true,
            visible: true ,
        },
        paging: {
            pageSize: 10,
        },
        columnChooser: {
           enabled: true,
          mode: "select",
        },

        columns: [
      
{
          width:   "5px" ,
          dataField: arr_campi[0], caption: "#",},
        {
          width:   "65px" ,
          dataField: arr_campi[1], caption: arr_campi[1],},
        {
        
          dataField: arr_campi[2], caption: arr_campi[2],},
        {
        
          dataField: arr_campi[3], caption: arr_campi[3],},
        {
        
          dataField: arr_campi[4], caption: arr_campi[4],},
        {
          width:   "75px" ,
          dataField: arr_campi[5], caption: arr_campi[5],},
        {
        
          dataField: arr_campi[6], caption: arr_campi[6],},
        {  width:larg_colonna+'px',  dataField: arr_campi[7], caption:  arr_campi[7], cellTemplate: function(element,info){element.append('<div>' + info.text + '</div>').css('color', '#007cba').css('font-weight', '500');} },
        
        
   ]
    ,
        masterDetail: {
            enabled: false,
            template: function(container, options) { 
                   
               var tutti_campi ='';            
            //   alert(  arr_campi[3]);  alert(  options.data.year   );  alert(  options.data["year"]   );     

         for(a=1; a<arr_campi.length; a++){
 
       
        
        if( ( options.data[arr_campi[a]]) && (options.data[arr_campi[a]]!='None') ) {
       
// if(arr_campi[a]=='link'){ tutti_campi +=  arr_campi[a] +': <a class="a_link" target="_new" href="'+ options.data[arr_campi[a]] + '">'+ options.data[arr_campi[a]].replace(/_/g,' ') + '</a><br>' ; }
              
          if((arr_campi[a]=='title')||(arr_campi[a]=='Author') ){
          tutti_campi +=  arr_campi[a] +': <b>'+ options.data[arr_campi[a]] + '</b><br>' ;
         }
         
         else{
          tutti_campi +=  arr_campi[a] +': '+ options.data[arr_campi[a]] + '<br>' ; 
         } 
          
          } 
   
 
         }         
                  
                  
 container.append(

 $('<div class="employeeInfo">'  + tutti_campi + '</div>')
 
 );
            }
        }  
   
    }).dxDataGrid("instance");
         var resizingModes = ["nextColumn", "widget"];
     $("#select-resizing").dxSelectBox({
        items: resizingModes,
        value: resizingModes[0],
        width: 250,
        onValueChanged: function(data) {
        dataGrid.option("columnResizingMode", data.value);  
        }
    });   

});
 
 
 }