web/room.js

   1 /*
   2  *  brisk - room.js
   3  *
   4  *  Copyright (C) 2006-2011 Matteo Nastasi
   5  *                          mailto: nastasi@alternativeoutput.it
   6  *                                  matteo.nastasi@milug.org
   7  *                          web: http://www.alternativeoutput.it
   8  *
   9  * This program is free software; you can redistribute it and/or modify
  10  * it under the terms of the GNU General Public License as published by
  11  * the Free Software Foundation; either version 2 of the License, or
  12  * (at your option) any later version.
  13  *
  14  * This program is distributed in the hope that it will be useful, but
  15  * WITHOUT ANY WARRANTY; without even the implied warranty of
  16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  17  * General Public License for more details. You should have received a
  18  * copy of the GNU General Public License along with this program; if
  19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
  20  * Suite 330, Boston, MA 02111-1307, USA.
  21  *
  22  */
  23
  24
  25 /*
  26    data = [ [ flags, name ],  ... ]
  27
  28 */
  29
  30 var l_list_all = 0x00;
  31 var l_list_auth = 0x01;
  32 var l_list_isol = 0x02;
  33
  34 function state_add(flags)
  35 {
  36     var content = "", supercont = "";
  37     var st, superst, name = "", supername = "", supersfx = "";
  38     var tit = "", supertit = "";
  39
  40
  41     if ((flags & 0xf00) != 0) {
  42         st = flags & 0xf00;
  43         // MLANG 4,12,16,20,24,28
  44         switch (st) {
  45         case 0x100:
  46             name = "st_pau.png";
  47             tit = (g_lang == 'en' ? "I'm doing a break" : "sono in pausa");
  48             break;
  49         case 0x200:
  50             name = "st_out.png";
  51             tit = (g_lang == 'en' ? "I'm away" : "sono fuori");
  52             break;
  53         case 0x300:
  54             name = "st_dog.png";
  55             tit = (g_lang == 'en' ? "Dog time" : "sono a spasso col cane");
  56             break;
  57         case 0x400:
  58             name = "st_eat.png";
  59             tit = (g_lang == 'en' ? "I'm eating" : "sto mangiando");
  60             break;
  61         case 0x500:
  62             name = "st_wrk.png";
  63             tit = (g_lang == 'en' ? "I'm working" : "sono a lavoro");
  64             break;
  65         case 0x600:
  66             name = "st_smk.png";
  67             tit = (g_lang == 'en' ? "I'm smoking a sigarett (and keeping a cancer)" : "sto fumando una sigaretta (e facendomi venire il cancro)");
  68             break;
  69         case 0x700:
  70             name = "st_eye.png";
  71             tit = (g_lang == 'en' ? "I'm here!" : "sono presente!");
  72             break;
  73         case 0x800:
  74             name = "st_rabbit.png";
  75             tit = (g_lang == 'en' ? "Rabbit time" : "sono a spasso col coniglio");
  76             break;
  77         case 0x900:
  78             name = "st_soccer.png";
  79             tit = (g_lang == 'en' ? "Soccer time" : "c'è la partita!!");
  80             break;
  81         case 0xa00:
  82             name = "st_baby.png";
  83             tit = (g_lang == 'en' ? "Children time" : "ho il pupo da accudire");
  84             break;
  85         case 0xb00:
  86             name = "st_mop.png";
  87             tit = (g_lang == 'en' ? "Mop time" : "sto rassettando");
  88             break;
  89         default:
  90             break;
  91         }
  92     }
  93
  94     if ((flags & 0xf0000) != 0) {
  95         superst = flags & 0xf0000;
  96         if (name != "") {
  97             supersfx = "_side";
  98         }
  99
 100         switch (superst) {
 101         case 0x20000:
 102             supername = "superuser"+supersfx+".png";
 103             supertit = (g_lang == 'en' ? "Brisk Supporter" : "Brisk Supporter");
 104             break;
 105         }
 106     }
 107
 108     if (supername != "") {
 109         content += '&nbsp;<img title="'+supertit+'" class="inline" src="img/'+supername+'">';
 110     }
 111
 112     if (name != "") {
 113         content += '&nbsp;<img title="'+tit+'" class="inline" src="img/'+name+'">';
 114     }
 115
 116     return content;
 117 }
 118
 119 var standup_data_old = null;
 120
 121 // TODO !!
 122 // appendChild , removeChild
 123
 124 function table_add(curtag, td)
 125 {
 126     var tbody  = null, tr;
 127
 128     do {
 129         // console.log("wt: "+curtag.tagName);
 130
 131         if (curtag.tagName.toLowerCase() == "div" ||
 132             curtag.tagName.toLowerCase() == "table") {
 133             curtag = curtag.firstChild;
 134         }
 135         else if (curtag.tagName.toLowerCase() == "tbody") {
 136             tbody = curtag;
 137             break;
 138         }
 139         else
 140             curtag = null;
 141     } while (curtag != null);
 142
 143     curtag = tbody.firstChild;
 144     ct = 0;
 145     do {
 146         if (curtag.tagName.toLowerCase() == "tr") {
 147             if (curtag.firstChild != null) {
 148                 curtag = curtag.firstChild;
 149                 ct++;
 150             }
 151             else {
 152                 curtag.appendChild(td);
 153                 return(true);
 154             }
 155         }
 156         else if (curtag.tagName.toLowerCase() == "td") {
 157             if (curtag.nextSibling != null) {
 158                 curtag = curtag.nextSibling;
 159                 ct++;
 160             }
 161             else {
 162                 if (ct < 4) {
 163                     curtag.parentNode.appendChild(td);
 164                     return (true);
 165                 }
 166                 else {
 167                     ct = 0;
 168                     curtag = curtag.parentNode.nextSibling;
 169                 }
 170             }
 171         }
 172         else {
 173             curtag = curtag.parentNode;
 174         }
 175
 176     } while (curtag != null);
 177
 178     tr = document.createElement("tr");
 179     tr.appendChild(td);
 180     tbody.appendChild(tr);
 181
 182     return (true);
 183 }
 184
 185 function spcs(c1, c2, n)
 186 {
 187     var ret = "";
 188     var i;
 189
 190     for (i = 0 ; i < n ; i++) {
 191         if ((i % 2) == 0)
 192             ret += c1;
 193         else
 194             ret += c2;
 195     }
 196
 197     return (ret);
 198 }
 199
 200
 201 function table_walk(curtag)
 202 {
 203     do {
 204         // console.log("wt: "+curtag.tagName);
 205         if (curtag.tagName.toLowerCase() == "div" ||
 206             curtag.tagName.toLowerCase() == "table" ||
 207             curtag.tagName.toLowerCase() == "tbody") {
 208             curtag = curtag.firstChild;
 209         }
 210         else if (curtag.tagName.toLowerCase() == "tr") {
 211             if (curtag.firstChild != null)
 212                 curtag = curtag.firstChild;
 213             else if (curtag.tagName != '')
 214                 curtag = curtag.nextSibling;
 215             else
 216                 curtag = null;
 217         }
 218         else if (curtag.tagName.toLowerCase() == "td") {
 219             if (curtag.nextSibling != null)
 220                 curtag = curtag.nextSibling;
 221             else {
 222                 if (curtag.parentNode.nextSibling != null && curtag.parentNode.nextSibling.tagName != '')
 223                     curtag = curtag.parentNode.nextSibling;
 224                 else
 225                     curtag = null;
 226             }
 227         }
 228         else
 229             curtag = null;
 230
 231     } while (curtag != null && curtag.tagName.toLowerCase() != "td");
 232
 233     if (1 == 0) {
 234         if (curtag == null)
 235             alert("outtag == null");
 236         else
 237             alert("outtag: "+curtag.tagName);
 238     }
 239     return (curtag);
 240 }
 241
 242 function j_stand_tdcont(el)
 243 {
 244     var content = "";
 245     var val_el;
 246
 247     val_el = el[0] & 0x03;
 248
 249     if (val_el > 0)
 250         content += '<span class="au'+val_el+'">';
 251
 252     content += el[1];
 253
 254     if (val_el > 0)
 255         content += '</span>';
 256
 257     content += state_add(el[0]);
 258
 259     return (content);
 260 }
 261
 262 function j_stand_cont(ddata)
 263 {
 264     var i, ii;
 265     var content;
 266     var st = 0, name = "";
 267     var curtag, nextag;
 268
 269     var data;
 270
 271     if (g_listen & l_list_isol) {
 272         data = new Array();
 273
 274         for (i = 0, ii = 0 ; ii < ddata.length ; ii++) {
 275             if ((ddata[ii][0] & 0x02) == 0) {
 276                 continue;
 277             }
 278             data[i++] = ddata[ii];
 279         }
 280     }
 281     else
 282         data = ddata;
 283
 284     if (standup_data_old == null || data.length < 4) {
 285     // if (standup_data_old == null) {
 286
 287         content = '<table cols="'+(data.length < 4 ? data.length : 4)+'" class="table_standup">';
 288         for (i = 0 ; i < data.length ; i++) {
 289             if ((i % 4) == 0)
 290                 content += '<tr>';
 291             content += '<td id="'+i+'" class="room_standup">';
 292             content += j_stand_tdcont(data[i]);
 293             content += '</td>';
 294
 295             if ((i % 4) == 3)
 296                 content += '</tr>';
 297         }
 298         if ((i % 4) < 3)
 299             content += '</tr>';
 300         content += '</table>';
 301
 302         $("standup").innerHTML = content;
 303
 304         // console.log("inizio");
 305         // for (i = 0 , curtag = table_walk($("standup")) ; curtag != null ;  curtag = table_walk(curtag), i++ ) {
 306         //     console.log("inloop["+i+"]: "+curtag.tagName+"  ID: "+curtag.id);
 307         // }
 308         // console.log("fine "+i);
 309
 310         // walktable($("standup"), nextag);
 311         // console.log($("standup").firstChild);
 312         // console.log($("standup").firstChild.firstChild.firstChild.firstChild);
 313
 314         // log_walk($("standup"));
 315
 316         standup_data_old = data;
 317     }
 318     else {
 319         var idx_del, arr_add, idx_mod, arr_mod;
 320         var idx_del_n = 0, idx_add_n = 0, idx_mod_n = 0;
 321         var i, e;
 322         var i_del, i_mod, i_add;
 323         var td;
 324
 325         idx_del = new Array();
 326         arr_add = new Array();
 327         map_add = new Array();
 328         idx_mod = new Array();
 329         arr_mod = new Array();
 330         map_cur = new Array();
 331
 332         // find removed entries
 333         for (i = 0 ; i < standup_data_old.length ; i++) {
 334             for (e = 0 ; e < data.length ; e++) {
 335                 if (standup_data_old[i][1] == data[e][1]) {
 336                     break;
 337                 }
 338             }
 339             if (e == data.length) {
 340                 idx_del[idx_del_n++] = i;
 341                 map_cur[i] = -1;
 342             }
 343             else {
 344                 /* modified entries */
 345                 if (standup_data_old[i][0] != data[e][0]) {
 346                     arr_mod[idx_mod_n] = data[e];
 347                     idx_mod[idx_mod_n++] = i;
 348                 }
 349                 map_cur[i] = e;
 350             }
 351         }
 352
 353         // find new entries
 354         for (e = 0 ; e < data.length ; e++) {
 355             for (i = 0 ; i < standup_data_old.length ; i++) {
 356                 if (data[e][1] == standup_data_old[i][1] ) {
 357                     break;
 358                 }
 359             }
 360             if (i == standup_data_old.length) {
 361                 // console.log("ADD: "+data[e][1]);
 362                 arr_add[idx_add_n]   = data[e];
 363                 map_add[idx_add_n++] = e;
 364             }
 365         }
 366
 367         // TODO: qui travaso add in del
 368
 369         i_del = 0;
 370         // alert("del: ["+j_stand_tdcont(standup_data_old[idx_del[i_del]])+"]");
 371         for (i = 0 , i_del = 0, i_mod = 0, i_add = 0, curtag = table_walk($("standup")) ; curtag != null ;  curtag = table_walk(curtag), i++ ) {
 372             // console.log("cur.id: "+curtag.id);
 373
 374             // alert("i: "+i+"  tagname: "+curtag.tagName+"  innerHTML: ["+curtag.innerHTML+"]");
 375             // console.log("inloop["+i+"]: "+curtag.tagName+"  ID: "+curtag.id);
 376             if (curtag.innerHTML == "") {
 377                 // console.log("innerHTML == none");
 378                 if (i_add < idx_add_n) {
 379                     // console.log("  to be new");
 380                     // console.log("  add:   CONT:"+j_stand_tdcont(arr_add[i_add]));
 381                     curtag.innerHTML = j_stand_tdcont(arr_add[i_add]);
 382                     curtag.id = map_add[i_add];
 383                     i_add++
 384                 }
 385             }
 386
 387             // else if (i_del < idx_del_n && curtag.innerHTML == j_stand_tdcont(standup_data_old[idx_del[i_del]])) {
 388             else if (i_del < idx_del_n && curtag.id == idx_del[i_del]) {
 389                 // console.log("to be cancel["+i+"]:  ID: "+curtag.id);
 390                 if (i_add < idx_add_n) {
 391                     // console.log("  to be new");
 392                     // console.log("  add:   CONT:"+j_stand_tdcont(arr_add[i_add]));
 393                     curtag.innerHTML = j_stand_tdcont(arr_add[i_add]);
 394                     curtag.id = map_add[i_add];
 395                     i_add++
 396                 }
 397                 else {
 398                     // console.log("  to be del");
 399                     curtag.innerHTML = "";
 400                     curtag.id = -1;
 401                 }
 402                 i_del++;
 403             }
 404             // else if (i_mod < idx_mod_n && curtag.innerHTML == j_stand_tdcont(standup_data_old[idx_mod[i_mod]])) {
 405             else if (i_mod < idx_mod_n && curtag.id == idx_mod[i_mod]) {
 406                 // console.log("  to be mod");
 407                 // console.log("mod: "+idx_mod[i_mod]+ "  CONT:"+j_stand_tdcont(arr_mod[i_mod]));
 408                 curtag.innerHTML = j_stand_tdcont(arr_mod[i_mod]);
 409                 curtag.id = map_cur[curtag.id];
 410                 i_mod++;
 411             }
 412             else
 413                 curtag.id = map_cur[curtag.id];
 414         }
 415         // console.log("fineloop");
 416
 417         for (i ; i_add < idx_add_n ; i_add++, i++) {
 418             // console.log("ADD: "+i+" arr_add: "+ arr_add[i_add][1]);
 419             td = document.createElement("td");
 420             td.className = "room_standup";
 421             td.id = map_add[i_add];
 422             td.innerHTML = j_stand_tdcont(arr_add[i_add]);
 423
 424             table_add($("standup"), td);
 425         }
 426
 427         standup_data_old = data;
 428         return;
 429     }
 430     // $("esco").innerHTML =  '<input class="button" name="logout" value="Esco." onclick="esco_cb();" type="button">';
 431 }
 432
 433 function esco_cb() {
 434     window.onbeforeunload = null;
 435     window.onunload = null;
 436     // nonunload = true;
 437     act_logout();
 438  };
 439
 440
 441
 442 function j_tab_cont(table_idx, data)
 443 {
 444     var i;
 445     var content = '';
 446
 447     for (i = 0 ; i < data.length ; i++) {
 448         var val_el;
 449
 450         val_el = data[i][0] & 0x03;
 451
 452         if (val_el > 0)
 453             content += '<span class="au'+val_el+'">';
 454
 455         content += data[i][1];
 456
 457         if (val_el > 0)
 458             content += '</span>';
 459
 460         content += state_add(data[i][0]);
 461
 462         content += '<br>';
 463     }
 464     $("table"+table_idx).innerHTML = content;
 465 }
 466
 467 function j_tab_act_cont(idx, act)
 468 {
 469     if (act == 'sit') {
 470         // MLANG 1
 471         $("table_act"+idx).innerHTML = '<input type="button" class="button" name="xhenter'+idx+'"  value="'+(g_lang == 'en' ? "Sit down." : "Mi siedo.")+'" onclick="act_sitdown('+idx+');">';
 472     }
 473     else if (act == 'sitreser') {
 474         // <img class="nobo" title="tavolo riservato agli utenti registrati" style="display: inline; margin-right: 80px;" src="img/okauth.png">
 475         // MLANG 1
 476         $("table_act"+idx).innerHTML = '<input type="button" style="background-repeat: no-repeat; background-position: center; background-image: url(\'img/okauth.png\');" class="button" name="xhenter'+idx+'"  value="'+(g_lang == 'en' ? "Sit down." : "Mi siedo.")+'" onclick="act_sitdown('+idx+');">';
 477     }
 478     else if (act == 'wake') {
 479         // MLANG 1
 480         $("table_act"+idx).innerHTML = '<input type="button" class="button" name="xwakeup"  value="'+(g_lang == 'en' ? "Wake up." : "Mi alzo.")+'" onclick="act_wakeup();">';
 481     }
 482     else if (act == 'reserved') {
 483         // MLANG 1
 484         $("table_act"+idx).innerHTML = '<img class="nobo" title="'+(g_lang == 'en' ? "reserved table for authenticated users only" : "tavolo riservato agli utenti registrati")+'" style="margin-right: 20px;" src="img/onlyauth.png">';
 485     }
 486     else {
 487         $("table_act"+idx).innerHTML = '';
 488     }
 489 }
 490
 491 function j_login_manager(form)
 492 {
 493     var token;
 494
 495     if (form.elements['passid'].value == '')
 496         return (true);
 497
 498     else {
 499         // console.log("richiesta token");
 500         /* richiede token */
 501         token = server_request('mesg', 'getchallenge', 'cli_name', encodeURIComponent(form.elements['nameid'].value));
 502         tokens = token.split('|');
 503
 504         // console.log('XX token: '+token);
 505         // console.log(tokens);
 506         if (token == null)
 507             return (false);
 508
 509         token = calcMD5(tokens[1]+calcMD5(form.elements['passid'].value));
 510
 511         form.elements['passid_private'].value = token;
 512         form.elements['passid'].value = ""; // FIXME da sost con la stessa len di A
 513
 514         return (true);
 515     }
 516
 517     return (false);
 518 }
 519
 520 function login_formtext_hilite()
 521 {
 522     formtext_hilite($("nameid"));
 523     formtext_hilite($("passid"));
 524     formsub_hilite($("sub"));
 525 }
 526
 527 function login_init()
 528 {
 529     menu_init();
 530     login_formtext_hilite();
 531 }
 532
 533 function warrant_formtext_hilite(form)
 534 {
 535     /*
 536     formtext_hilite($("nameid"));
 537     formtext_hilite($("emailid"));
 538     formsub_hilite($("subid"));
 539     formsub_hilite($("cloid"));
 540     */
 541     formtext_hilite(form.elements['name']);
 542     formtext_hilite(form.elements['email']);
 543     formsub_hilite(form.elements['sub']);
 544     formsub_hilite(form.elements['clo']);
 545 }
 546
 547 function mesgtoadm_formtext_hilite(form)
 548 {
 549     /*
 550     formtext_hilite($("subjid"));
 551     formtext_hilite($("mesgid"));
 552     formsub_hilite($("subid"));
 553     formsub_hilite($("cloid"));
 554     */
 555     formtext_hilite(form.elements['subj']);
 556     formtext_hilite(form.elements['mesg']);
 557     formsub_hilite(form.elements['sub']);
 558     formsub_hilite(form.elements['clo']);
 559 }
 560
 561
 562 function j_check_email(email)
 563 {
 564     if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
 565         return (true);
 566     return (false);
 567 }
 568
 569 function j_authbox(form)
 570 {
 571     var no;
 572
 573     do {
 574         if (form.elements['realsub'].value == "chiudi") {
 575             $('authbox').style.visibility = "hidden";
 576             break;
 577         }
 578
 579         if (form.elements['name'].value == '' || j_check_email(form.elements['email'].value) == false) {
 580             // MLANG 2-4
 581             no = new notify(gst,
 582                             (g_lang == 'en' ? "<br><b>nickname</b> and/or <b>e-mail</b> fields are invalid;<br>please, fix them." :
 583                              "<br>I campi <b>nickname</b> e/o <b>e-mail</b> non sono validi;<br> correggeteli per favore."),
 584                             1, (g_lang == 'en' ? "close" : "chiudi"), 280, 100);
 585             break;
 586         }
 587
 588         // submit the request
 589         token = server_request('mesg', 'warranty',
 590                                'cli_name', encodeURIComponent(form.elements['name'].value),
 591                                'cli_email', encodeURIComponent(form.elements['email'].value) );
 592         if (token == "1") {
 593             $('authbox').style.visibility = "hidden";
 594             form.elements['name'].value = "";
 595             form.elements['email'].value = "";
 596             break;
 597         }
 598     } while (0);
 599
 600     return (false);
 601 }
 602
 603 function authbox(w, h)
 604 {
 605     var box;
 606
 607     box = $('authbox');
 608
 609     box.style.zIndex = 200;
 610     box.style.width  = w+"px";
 611     box.style.marginLeft  = -parseInt(w/2)+"px";
 612     box.style.height = h+"px";
 613     box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
 614
 615     warrant_formtext_hilite($('auth_form'));
 616
 617     box.style.visibility = "visible";
 618     $("nameid").focus();
 619 }
 620
 621 function j_mesgtoadmbox(form)
 622 {
 623     var no;
 624
 625     do {
 626         if (form.elements['realsub'].value == "chiudi") {
 627             $('mesgtoadmbox').style.visibility = "hidden";
 628             break;
 629         }
 630
 631         if (form.elements['mesg'].value == '' || form.elements['subj'].value == '') {
 632             // MLANG 1-3
 633             no = new notify(gst, (g_lang == 'en' ? "<br><b>subject</b> and the <b>message</b> cannot be void;<br>please, fix them." :
 634                                   "<br>Il <b>soggetto</b> e il <b>messaggo</b> non possono essere vuoti;<br>correggeteli per favore."), 1,
 635                                   (g_lang == 'en' ? "close" : "chiudi"), 280, 100);
 636             break;
 637         }
 638
 639         // submit the request
 640         token = server_request('mesg', 'mesgtoadm',
 641                                'cli_subj', encodeURIComponent(form.elements['subj'].value),
 642                                'cli_mesg', encodeURIComponent(form.elements['mesg'].value) );
 643         if (token == "1") {
 644             $('mesgtoadmbox').style.visibility = "hidden";
 645             form.elements['subj'].value = "";
 646             form.elements['mesg'].value = "";
 647             break;
 648         }
 649     } while (0);
 650
 651     return (false);
 652 }
 653
 654 function mesgtoadmbox(w, h)
 655 {
 656     var box;
 657
 658     box = $('mesgtoadmbox');
 659
 660     box.style.zIndex = 200;
 661     box.style.width  = w+"px";
 662     box.style.marginLeft  = -parseInt(w/2)+"px";
 663     box.style.height = h+"px";
 664     box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
 665
 666     mesgtoadm_formtext_hilite($('mesgtoadm_form'));
 667
 668     box.style.visibility = "visible";
 669     $('mesgtoadm_form').elements['subj'].focus();
 670 }
 671
 672 function j_pollbox(form)
 673 {
 674     var no, i, choose;
 675
 676     do {
 677         // submit the request
 678
 679         for (i = 0 ; i < form.elements.length ; i++) {
 680             if (form.elements[i].checked == true)
 681                 break;
 682         }
 683         if (i == form.elements.length) {
 684             // MLANG 1-3
 685             no = new notify(gst, (g_lang == 'en' ? "<br>You must choose ah item;<br> please, fix it." :
 686                                   "<br>Non hai espresso nessuna preferenza;<br> correggi per favore."), 1,
 687                             (g_lang == 'en' ? "close" : "chiudi"), 280, 100);
 688             return false;
 689         }
 690         else
 691             choose = form.elements[i].value;
 692
 693         token = server_request('mesg', 'poll',
 694                                'cli_choose', encodeURIComponent(choose) );
 695
 696         if (token == "1") {
 697             // TODO: mesg to user
 698             // $('mesgtoadmbox').style.visibility = "hidden";
 699             break;
 700         }
 701     } while (0);
 702
 703     return (false);
 704 }
 705
 706
 707
 708
 709 function list_set(what, is_update, info)
 710 {
 711     // console.log(what);
 712     var i;
 713     var relo = false;
 714     var old_st = readCookie("CO_list");
 715
 716     if (what == 'auth') {
 717         $('list_auth').style.color = 'red';
 718         $('list_isol').style.color = 'black';
 719         $('list_all').style.color = 'black';
 720         if (old_st == 'isolation')
 721             relo = true;
 722         g_listen = l_list_auth;
 723     }
 724     else if (what == 'isolation') {
 725         $('list_auth').style.color = 'black';
 726         $('list_isol').style.color = 'red';
 727         $('list_all').style.color = 'black';
 728         if (old_st != 'isolation')
 729             relo = true;
 730         g_listen = l_list_isol;
 731     }
 732     else {
 733         $('list_auth').style.color = 'black';
 734         $('list_isol').style.color = 'black';
 735         $('list_all').style.color = 'red';
 736         if (old_st == 'isolation')
 737             relo = true;
 738         g_listen = l_list_all;
 739     }
 740
 741     set_checked_value($('ra_listen_auth'), what);
 742     set_checked_value($('ra_listen_isol'), what);
 743     set_checked_value($('ra_listen_all'),  what);
 744
 745     $('list_info').innerHTML = info;
 746     if (is_update) {
 747         createCookie("CO_list", what, 24*365, cookiepath);
 748     }
 749
 750
 751     if (relo || !is_update) {
 752         for (i = g_tables_auth_n ; i < g_tables_n ; i++) {
 753
 754             if (i % 4 == 0) {
 755                 $('tr_noauth'+i).style.display = (what == 'isolation' ? 'none' : '');
 756             }
 757
 758             $('td_noauth'+i).style.display = (what == 'isolation' ? 'none' : '');
 759         }
 760         if (what == 'isolation') {
 761             tra.hide_noauth();
 762         }
 763         else {
 764             tra.show_noauth();
 765         }
 766
 767         if (false) {
 768             // ricalculation of standup area
 769             if (standup_data_old != null) {
 770                 standup_data = standup_data_old;
 771                 standup_data_old = null;
 772                 j_stand_cont(standup_data);
 773             }
 774         }
 775     }
 776 }
 777
 778 function sideslide(domobj, height, step)
 779 {
 780     this.st = 'wait';
 781     this.twait = 5000;
 782
 783     this.domobj = domobj;
 784     this.height = height;
 785     this.step = step;
 786
 787     this.start();
 788 }
 789
 790 sideslide.prototype = {
 791     id: null,
 792     st: 'wait',
 793     twait: 0,
 794     scroll: 0,
 795     countdown: 0,
 796
 797     domobj: null,
 798     height: 0,
 799     step: 0,
 800
 801     start: function() {
 802         var instant = this;
 803
 804         this.st = 'wait';
 805         this.id = setTimeout(function () { instant.sideslide_cb(); }, this.twait);
 806     },
 807
 808     sideslide_cb: function() {
 809         var instant = this;
 810
 811         if (this.st == 'wait') {
 812             this.st = 'scroll';
 813             this.countdown = 10;
 814             this.id = setInterval(function () { instant.sideslide_cb(); }, 100);
 815         }
 816         else if (this.st == 'scroll') {
 817             this.scroll += (this.step / 10);
 818             if (this.scroll >= this.height - this.step) {
 819                 this.scroll = 0;
 820             }
 821             this.domobj.scrollTop = this.scroll;
 822             this.countdown--;
 823             if (this.countdown == 0) {
 824                 this.stop();
 825                 this.st = 'wait';
 826                 this.id = setTimeout(function () { instant.sideslide_cb(); }, this.twait);
 827             }
 828         }
 829     },
 830
 831
 832     stop: function() {
 833         if (this.id != null) {
 834             clearInterval(this.id);
 835             this.id = null;
 836         }
 837     }
 838
 839 }