web/room.js

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