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