var tblTopValue = new AW.XML.Table;
tblTopValue.setURL ("2/WebServices/DataService.asmx/TopValueAR_XML");
tblTopValue.setRequestMethod("POST");
tblTopValue.setRows("//NewDataSet/*");
          
        function Request_TopValue() {
            //document.getElementById("divMsg").innerText = "4 - Requesting Top Turnover Data"; 
            tblTopValue.request();
        }
        
        
	    var gridTopValue = new AW.UI.Grid;
	    gridTopValue.setId("gridTopValue");
	    gridTopValue.setHeaderText([
	     "الشركة"
	    ,"آخر"
	    ,"التغيير"
	    ,"القيمة" ]);
	
	    gridTopValue.setColumnIndices([3,2,1,0]);	
	    gridTopValue.setColumnCount(4);
	    gridTopValue.setSelectionMode("single-row");
	    gridTopValue.setVirtualMode(false);
    	
        var string = new AW.Formats.String;
	    var number = new AW.Formats.Number; number.setTextFormat("#,###.##");
	    var numberR = new AW.Formats.Number; numberR.setTextFormat("#,###.");

        gridTopValue.setCellFormat([string, number, number, numberR]);
        
         gridTopValue.defineRowProperty("color", function(row){
            var value = gridTopValue.getCellData(2, row);
            
            if(value>0)
                return("LawnGreen");
            else if (value < 0)
                return("Red");
            else
                return("White");
            });

            gridTopValue.getRowTemplate().setStyle("color", function(){
            return this.getRowProperty("color");
            });
            
        gridTopValue.refresh();   
        
        
        //Process Response
        tblTopValue.response1 = tblTopValue.response;

	    tblTopValue.response = function(text) {

	    this.response1(text);

	    var rowCount = this.getCount();
	    
	    if (rowCount != gridTopValue.getRowCount()) {
	        gridTopValue.clearRowModel();
	        gridTopValue.setRowCount(rowCount);
	        gridTopValue.refresh();
        }

	    //var sortColumn = gridTopValue.getSortColumn();
	    //var sortDirection = gridTopValue.getSortDirection(sortColumn);
	    //gridTopValue.sort(sortColumn, sortDirection);
	   
	    //gridTopValue.sort(3, 'descending');
	        
	    var columns = gridTopValue.getColumnIndices();
	        
	    for (var r = 0; r < rowCount; r++)
	    {
            for (var i = 0; i < columns.length; i++) 
            {
	            var c = columns[i];
	            var v = this.getData(c, r);
	            if (v != gridTopValue.getCellData(c, r)) 
	            {
	                gridTopValue.setCellData(v, c, r);
	                highlight(c, r);
                }
            }
        }
        
         function highlight(c, r)
         {
			var e = gridTopValue.getCellTemplate(c, r).element();
			if (e) 
			{
				e.style.background = "DarkOrange";
				window.setTimeout(function()
				{
					e.style.background = "black";
					e = null;
				}, 500);
			}
		 }
		    
		   //document.getElementById("divMsg").innerText = document.getElementById("divMsg").innerText + '.......Done';
	       
	        Request_TopVolume();
	        
	        
    }