add new type of tables (certified only) and new type of user (certified)
[brisk.git] / web / room.js
1 /*
2  *  brisk - room.js
3  *
4  *  Copyright (C) 2006-2014 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 /*
267   ddata = [ [ <flags-int>, <nick-str>, <color-str> ], ... ]
268  */
269 function j_stand_cont(ddata)
270 {
271     var i, ii;
272     var content;
273     var st = 0, name = "";
274     var curtag, nextag;
275
276     var data;
277
278     if (g_listen & l_list_isol) {
279         data = new Array();
280
281         for (i = 0, ii = 0 ; ii < ddata.length ; ii++) {
282             if ((ddata[ii][0] & 0x02) == 0) {
283                 continue;
284             }
285             data[i++] = ddata[ii];
286         }
287     }
288     else
289         data = ddata;
290
291     // WARNING:
292     //
293     //   managing update needs this branch (for few users and the else!!)
294     //
295     if (standup_data_old == null || data.length < 4) {
296         content = '<table cols="'+(data.length < 4 ? data.length : 4)+'" class="table_standup">';
297         for (i = 0 ; i < data.length ; i++) {
298             if ((i % 4) == 0)
299                 content += '<tr>';
300             content += '<td id="'+i+'" class="room_standup">';
301             content += j_stand_tdcont(data[i]);
302             content += '</td>';
303             
304             if ((i % 4) == 3)
305                 content += '</tr>';
306         }
307         if ((i % 4) < 3)
308             content += '</tr>';
309         content += '</table>';
310         
311         $("standup").innerHTML = content;
312
313         standup_data_old = data;
314     }
315     else {
316         var idx_del, arr_add, idx_mod, arr_mod;
317         var idx_del_n = 0, idx_add_n = 0, idx_mod_n = 0;
318         var i, e;
319         var i_del, i_mod, i_add;
320         var td;
321
322         idx_del = new Array();
323         arr_add = new Array();
324         map_add = new Array();
325         idx_mod = new Array();
326         arr_mod = new Array();
327         map_cur = new Array();
328         
329         // find removed entries
330         for (i = 0 ; i < standup_data_old.length ; i++) {
331             for (e = 0 ; e < data.length ; e++) {
332                 if (standup_data_old[i][1] == data[e][1]) {
333                     break;
334                 }
335             }
336             if (e == data.length) {
337                 idx_del[idx_del_n++] = i;
338                 map_cur[i] = -1;
339             }
340             else {
341                 /* modified entries */
342                 if (standup_data_old[i][0] != data[e][0] ||
343                     standup_data_old[i].length != data[e].length ||
344                     (data[e].length == 3 && standup_data_old[i][2] != data[e][2])) {
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         // MLANG 1
464         $("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+');" title="'+(g_lang == 'en' ? "reserved table for authenticated users only" : "tavolo riservato agli utenti registrati")+'" alt="'+(g_lang == 'en' ? "reserved table for authenticated users only" : "tavolo riservato agli utenti registrati")+'">';
465     }
466     else if (act == 'sitcert') {
467         // MLANG 1
468         $("table_act"+idx).innerHTML = '<input type="button" style="background-repeat: no-repeat; background-position: center; background-image: url(\'img/okcert.png\');" class="button" name="xhenter'+idx+'"  value="'+(g_lang == 'en' ? "Sit down." : "Mi siedo.")+'" onclick="act_sitdown('+idx+');" title="'+(g_lang == 'en' ? "reserved table for authenticated users only" : "tavolo riservato agli utenti registrati e certificati")+'" alt="'+(g_lang == 'en' ? "reserved table for authenticated and certificated users only" : "tavolo riservato agli utenti registrati e certificati")+'">';
469     }
470     else if (act == 'wake') {
471         // MLANG 1
472         $("table_act"+idx).innerHTML = '<input type="button" class="button" name="xwakeup"  value="'+(g_lang == 'en' ? "Wake up." : "Mi alzo.")+'" onclick="act_wakeup();">';
473     }
474     else if (act == 'resercert') {
475         // MLANG 1
476         $("table_act"+idx).innerHTML = '<img class="nobo" title="'+(g_lang == 'en' ? "reserved table for authenticated and certified users only" : "tavolo riservato agli utenti registrati e certificati")+'" style="margin-right: 20px;" src="img/onlycert.png">';
477     }
478     else if (act == 'reserved') {
479         // MLANG 1
480         $("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">';
481     }
482     else {
483         $("table_act"+idx).innerHTML = '';
484     }
485 }
486
487 function j_login_manager(form)
488 {
489     var token;
490
491     if (form.elements['passid'].value == '')
492         return (true);
493
494     else {
495         // console.log("richiesta token");
496         /* richiede token */
497         token = server_request('mesg', 'getchallenge', 'cli_name', encodeURIComponent(form.elements['nameid'].value));
498         tokens = token.split('|');
499         
500         // console.log('XX token: '+token);
501         // console.log(tokens);
502         if (token == null)
503             return (false);
504
505         token = calcMD5(tokens[1]+calcMD5(form.elements['passid'].value));
506         
507         form.elements['passid_private'].value = token;
508         form.elements['passid'].value = ""; // FIXME da sost con la stessa len di A
509
510         return (true);
511     }
512     
513     return (false);
514 }
515
516 function login_formtext_hilite()
517 {
518     formtext_hilite($("nameid"));
519     formtext_hilite($("passid"));
520     formsub_hilite($("sub"));
521 }
522
523 function login_init()
524 {
525     menu_init();
526     login_formtext_hilite();
527 }
528
529 function warrant_formtext_hilite(form)
530 {
531     /*
532     formtext_hilite($("nameid"));
533     formtext_hilite($("emailid"));
534     formsub_hilite($("subid"));
535     formsub_hilite($("cloid"));
536     */
537     formtext_hilite(form.elements['name']);
538     formtext_hilite(form.elements['email']);
539     formsub_hilite(form.elements['sub']);
540     formsub_hilite(form.elements['clo']);
541 }
542
543 function mesgtoadm_formtext_hilite(form)
544 {
545     /*
546     formtext_hilite($("subjid"));
547     formtext_hilite($("mesgid"));
548     formsub_hilite($("subid"));
549     formsub_hilite($("cloid"));
550     */
551     formtext_hilite(form.elements['subj']);
552     formtext_hilite(form.elements['mesg']);
553     formsub_hilite(form.elements['sub']);
554     formsub_hilite(form.elements['clo']);
555 }
556
557
558 function j_check_email(email)
559 {
560     if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
561         return (true);
562     return (false);
563 }
564
565 function j_authbox(form)
566 {
567     var no; 
568
569     do {
570         if (form.elements['realsub'].value == "chiudi") {
571             $('authbox').style.visibility = "hidden";
572             break;
573         }
574
575         if (form.elements['name'].value == '' || j_check_email(form.elements['email'].value) == false) {
576             // MLANG 2-4
577             no = new notify(gst, 
578                             (g_lang == 'en' ? "<br><b>nickname</b> and/or <b>e-mail</b> fields are invalid;<br>please, fix them." :
579                              "<br>I campi <b>nickname</b> e/o <b>e-mail</b> non sono validi;<br> correggeteli per favore."),
580                             1, (g_lang == 'en' ? "close" : "chiudi"), 280, 100); 
581             break;
582         }
583
584         // submit the request
585         token = server_request('mesg', 'warranty', 
586                                'cli_name', encodeURIComponent(form.elements['name'].value),
587                                'cli_email', encodeURIComponent(form.elements['email'].value) );
588         if (token == "1") {
589             $('authbox').style.visibility = "hidden";
590             form.elements['name'].value = "";
591             form.elements['email'].value = "";
592             break;
593         }
594     } while (0);
595
596     return (false);
597 }
598
599 function authbox(w, h)
600 {
601     var box;
602
603     box = $('authbox');
604
605     box.style.zIndex = 200;
606     box.style.width  = w+"px";
607     box.style.marginLeft  = -parseInt(w/2)+"px";
608     box.style.height = h+"px";
609     box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
610
611     warrant_formtext_hilite($('auth_form'));
612
613     box.style.visibility = "visible";
614     $("nameid").focus();
615 }
616
617 function j_mesgtoadmbox(form)
618 {
619     var no; 
620
621     do {
622         if (form.elements['realsub'].value == "chiudi") {
623             $('mesgtoadmbox').style.visibility = "hidden";
624             break;
625         }
626
627         if (form.elements['mesg'].value == '' || form.elements['subj'].value == '') {
628             // MLANG 1-3
629             no = new notify(gst, (g_lang == 'en' ? "<br><b>subject</b> and the <b>message</b> cannot be void;<br>please, fix them." :
630                                   "<br>Il <b>soggetto</b> e il <b>messaggo</b> non possono essere vuoti;<br>correggeteli per favore."), 1, 
631                                   (g_lang == 'en' ? "close" : "chiudi"), 280, 100); 
632             break;
633         }
634                 
635         // submit the request
636         token = server_request('mesg', 'mesgtoadm', 
637                                'cli_subj', encodeURIComponent(form.elements['subj'].value),
638                                'cli_mesg', encodeURIComponent(form.elements['mesg'].value) );
639         if (token == "1") {
640             $('mesgtoadmbox').style.visibility = "hidden";
641             form.elements['subj'].value = "";
642             form.elements['mesg'].value = "";
643             break;
644         }
645     } while (0);
646
647     return (false);
648 }
649
650 function mesgtoadmbox(w, h)
651 {
652     var box;
653
654     box = $('mesgtoadmbox');
655
656     box.style.zIndex = 200;
657     box.style.width  = w+"px";
658     box.style.marginLeft  = -parseInt(w/2)+"px";
659     box.style.height = h+"px";
660     box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
661
662     mesgtoadm_formtext_hilite($('mesgtoadm_form'));
663
664     box.style.visibility = "visible";
665     $('mesgtoadm_form').elements['subj'].focus();
666 }
667
668 function j_pollbox(form)
669 {
670     var no, i, choose; 
671
672     do {
673         // submit the request
674         
675         for (i = 0 ; i < form.elements.length ; i++) {
676             if (form.elements[i].checked == true)
677                 break;
678         }
679         if (i == form.elements.length) {
680             // MLANG 1-3
681             no = new notify(gst, (g_lang == 'en' ? "<br>You must choose ah item;<br> please, fix it." :
682                                   "<br>Non hai espresso nessuna preferenza;<br> correggi per favore."), 1, 
683                             (g_lang == 'en' ? "close" : "chiudi"), 280, 100); 
684             return false;
685         }
686         else
687             choose = form.elements[i].value;
688
689         token = server_request('mesg', 'poll', 
690                                'cli_choose', encodeURIComponent(choose) );
691
692         if (token == "1") {
693             // TODO: mesg to user
694             // $('mesgtoadmbox').style.visibility = "hidden";
695             break;
696         }
697     } while (0);
698
699     return (false);
700 }
701
702
703 function sideslide(domobj, height, step)
704 {
705     this.st = 'wait';
706     this.twait = 5000;
707
708     this.domobj = domobj;
709     this.height = height;
710     this.step = step;
711
712     this.start();
713 }
714
715 sideslide.prototype = {
716     id: null,
717     st: 'wait',
718     twait: 0,
719     scroll: 0,
720     countdown: 0,
721
722     domobj: null,
723     height: 0,
724     step: 0,
725
726     start: function() {
727         var instant = this;
728         
729         this.st = 'wait';
730         this.id = setTimeout(function () { instant.sideslide_cb(); }, this.twait);
731     },
732
733     sideslide_cb: function() {
734         var instant = this;
735
736         if (this.st == 'wait') {
737             this.st = 'scroll';
738             this.countdown = 10;
739             this.id = setInterval(function () { instant.sideslide_cb(); }, 100);
740         }
741         else if (this.st == 'scroll') {
742             this.scroll += (this.step / 10);
743             if (this.scroll >= this.height - this.step) {
744                 this.scroll = 0;
745             }
746             this.domobj.scrollTop = this.scroll;
747             this.countdown--;
748             if (this.countdown == 0) {
749                 this.stop();
750                 this.st = 'wait';
751                 this.id = setTimeout(function () { instant.sideslide_cb(); }, this.twait);
752             }
753         }
754     },
755
756
757     stop: function() {
758         if (this.id != null) {
759             clearInterval(this.id);
760             this.id = null;
761         }
762     }
763
764 }