//  ************  visualsXL.js  ********************************




   if (document.all && screen.bufferDepth < 24) {

       screen.bufferDepth = 24;

   }

   var n_0 = -1, n_1 = -1, n_2 = -1, n_3 = -1, n_4 = -1

   var n_c = -1, n_c0 = -1, n_c1 = -1, n_c2 = -1

   var n_d0 = -1, n_d1 = -1, n_d2 = -1

   var n_e0 = -1, n_e1 = -1, n_e2 = -1

   var n_g = -1

   var n_height = -1

   var n_k = 1   


   var n_k0 = -1, n_k2 = -1, n_km = 0


   var n_m = 1


   var n_s = -1


   var n_endX = -1, n_endXa = -1, n_endY = -1, n_endYa = -1

   var n_startX = -1, n_startY = -1


   var n_width = -1


   var s_0 = "", s_1 = "", s_2 = "", s_3 = "", s_4 = ""

   var s_c0 = "", s_color = ""

   var s_bgDefault = "0b7ced"


   var s_d = "", s_d1 = ""


   var s_m00 = "", s_m01 = "", s_m10 = "", s_m11 = ""


   var s_r = ""


   var b_OC = true;



   // ******* end color cannon numbers  0-255  **********************


   n_c0 = 241     //  red
   n_c1 = 255     //  green
   n_c2 = 255     //  blue


   // ***************************************************************




   //  --------------------------------------------------------------------
   //  ********************  settings  ************************************


       n_g = 50        //   gradient division - beware  100 * 100 = 10,000


       n_s = 0.89      //   slope  0.50 steep  -  2 calm 


       if (document.getElementById) {


           n_startX = 0   //   0-100  %

           n_endX = 40     //   0-100  %

           n_startY = 15   //   0-100  %

           n_endY = 70     //   0-100  %

       }
       else {

           n_startX = 1

           n_endX = 11

           n_startY = 5

           n_endY = 30

      }



   // ********************************************************************
   // --------------------------------------------------------------------



   if (document.layers) {

       while (n_height < window.innerHeight) { n_height++; }
       while (n_width < window.innerWidth) { n_width++; }


       b_OC = false;

   }


   if (document.all) {

       s_0 = "" + document.body.currentStyle.backgroundColor;

   }
   else {

       s_0 = "" + window.parent.document.bgColor;

   }


   if (!/^\#?[0-9a-f]{6}$/i.test(s_0)) { s_0 = ("" + s_bgDefault); }


   if (/^\#/.test(s_0)) {

       s_0 = s_0.slice(1);

   }

   s_0 = s_0.toLowerCase();

   s_1 = s_0.toString();


   for (var i=0; i<s_1.length; i++) {

        n_c = 1 + s_1.charCodeAt(i);

        s_d += "" + String.fromCharCode(n_c-1);

   }


   s_d1 = "" + s_d.toString();


   re = /^([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/

   if (s_d1.match(re)) {

       n_0 = parseInt(RegExp.$1, 16);
       n_d0 = (n_c0 - n_0) / n_g

       n_1 = parseInt(RegExp.$2, 16);
       n_d1 = (n_c1 - n_1) / n_g

       n_2 = parseInt(RegExp.$3, 16);
       n_d2 = (n_c2 - n_2) / n_g

   }


   // ****************** corners *****************************************


   n_endXa = (100 - n_endX)
   n_endYa = (100 - n_endY)

   s_m00 = ' width\=\"' + n_startX + '\%\" height\=\"' + n_startY + '\%\"'

   s_m01 = ' width\=\"' + n_startX + '\%\" height\=\"' + n_endYa + '\%\"'

   s_m10 = ' width\=\"' + n_endXa + '\%\" height\=\"' + n_startY + '\%\"'
 
   s_m11 = ' width\=\"' + n_endXa + '\%\" height\=\"' + n_endYa + '\%\"'


   // ********************************************************************



   s_3 = '\<table cellpadding\=0 cellspacing\=0 border\=0'

   if (b_OC) {

       s_3 += ' style\=\"' +
              ' position \: absolute' +
              '\; top \: 0px\; left \: 0px' + 
              '\; height \: 100\%\; width \: 100\%' +
              '\; font-size \: 2px' +
              '\"'

   }
   else {

       s_3 += ' width\=\"' + n_width + 'px\" height\=\"' + n_height + 'px\"'   
   }





   s_3 += '\>\<tbody\>'



   var k = 1, m = 1

   for (var i=0; i<n_g; i++) {

        s_3 += '\<tr\>'

        n_k2 = (100 * k / n_g)

        for (var j=0; j<n_g; j++) {


             // *********** color calcs ***************************


             n_k0 = (100 * m / n_g)


             n_km = Math.sqrt((n_k0 * n_k0) + (n_k2 * n_k2));

             n_km = 89 * Math.sqrt(n_km / 100);

             n_km -= 15

             n_e0 = Math.floor((n_d0 * n_km) + n_0);
             n_e1 = Math.floor((n_d1 * n_km) + n_1);
             n_e2 = Math.floor((n_d2 * n_km) + n_2);


             if (n_e0 < 0) { n_e0 = 0; }
             if (n_e1 < 0) { n_e1 = 0; }
             if (n_e2 < 0) { n_e2 = 0; }


             if (n_e0 > 241) { n_e0 = 241; }
             if (n_e1 > 255) { n_e1 = 255; }
             if (n_e2 > 255) { n_e2 = 255; }


             s_c0 = (n_e0 < 16 ? "0" : "") + n_e0.toString(16);
             s_c0 += (n_e1 < 16 ? "0" : "") + n_e1.toString(16);
             s_c0 += (n_e2 < 16 ? "0" : "") + n_e2.toString(16);

             s_color = s_c0.toString();

             // ***************************************************

             s_3 += '\<td BGCOLOR\=\"\#' + s_color + '\"'


             // ****** corners  j m - X  ~  i k - Y ***************

             if (i < 1 && j < 1) { s_3 += s_m00; }
             if (i < 1 && j > n_g-2) { s_3 += s_m10; }
             if (i > n_g-2 && j < 1) { s_3 += s_m01; }
             if (i > n_g-2 && j > n_g-2) { s_3 += s_m11; }


             // ***************************************************


             //    style\=\"background-color \: \#' + s_color +



             s_3 += '\>'

             if (b_OC) {

                 s_3 += '\&nbsp\;'

             }
             else {

                 s_3 += '\<font size\=1\>\&nbsp\;\<\/font\>'
             }

             s_3 += '\<\/td\>'


             m += n_m

             if (m > n_g/2 && n_m > 0) { n_m = -1; }
 
        }

        s_3 += '\<\/tr\>'

        k += n_k

        if (k > n_g/2 && n_k > 0) { n_k = -1; }

        m = 1

        n_m = 1

   }


   s_3 += '\<\/tbody\>\<\/table\>'



   s_4 = s_3.toString();


   document.write(s_4);