/*
 +-------------------------------------------------------------------------------------+
 |                                                                                     |
 |                 |
 +-------------------------------------------------------------------------------------+

    ** 
       RL-EXCELLENCE
    **

*/


/*  
    Change the variables below as desired.
*/


   var rows = new Array;
   var num_rows = 2;
   var top = 10;
   var left = 25;
   var width = 585;

   var tab_off = "#e0e0e0";
   var tab_on = "white";

   // Do NOT delete or change this line !!
   for ( var x = 1; x <= num_rows; x++ ) { rows[x] = new Array; }
 

   /*  
      Define as many ROWS as you like here.
      Note that for each row, you must have a corresponding "DIV"
      in your HTML, matching the row id. 

      ie  row[1][5] would need a div with and id of "15"

      Samples are embedded within the definitions below.
   */


   rows[1][1] = "Gauteng";     // Requires: <div id="T11" class="tab-body">  ... </div>
   rows[1][2] = "Free State";     // Requires: <div id="T12" class="tab-body">  ... </div>
   rows[1][3] = "Eastern Cape";     // Requires: <div id="T13" class="tab-body">  ... </div>
   rows[1][4] = "Kwazulu Natal";     // Requires: <div id="T14" class="tab-body">  ... </div>

   rows[2][1] = "Limpopo";     // Requires: <div id="T21" class="tab-body">  ... </div>
   rows[2][2] = "Mpumalanga";     // Requires: <div id="T22" class="tab-body">  ... </div>
   rows[2][3] = "North_West";     // Requires: <div id="T23" class="tab-body">  ... </div>
   rows[2][4] = "Northern_Cape";    // Requires: <div id="T24" class="tab-body">  ... </div>
   rows[2][5] = "Western_Cape";    // Requires: <div id="T24" class="tab-body">  ... </div>