a5230b40ef2c9801ba31c727300a3ed5556acd28
[brisk.git] / web / commons.js
1 /*
2  *  brisk - commons.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 var PLAYERS_N = 3;
25 var EXIT_BAN_TIME = 3600;
26 var cookiepath = "/brisk/";
27
28 var BSK_USER_FLAGS = 0;
29 var BSK_USER_FLGVL = 1;
30 var BSK_USER_NICK  = 2;
31 var BSK_USER_SCOL  = 3;
32
33 var mlang_commons = { 'imgload_a' : { 'it' : 'Immagine caricate ', 
34                                       'en' : 'Loaded images ' },
35                       'imgload_b' : { 'it' : '%.', 
36                                       'en' : '%.' },
37                       'gamleav'   : { 'it' : 'Sei sicuro di volere lasciare questa mano?' ,
38                                       'en' : 'Are you sure to leave this game?' },
39                       'brileav'   : { 'it' : '    Vuoi veramente abbandonare la briscola ?\n(clicca annulla o cancel se vuoi ricaricare la briscola)',
40                                       'en' : '    Are you really sure to leave briscola ?\n(click cancel yo reload it)' },
41                       'brireco'   : { 'it' : 'Ripristino della briscola fallito, per non perdere la sessione ricaricare la pagina manualmente.',
42                                       'en' : 'Recovery of briscola failed, to keep the current session reload the page manually.' },
43                       'btn_sit'   : { 'it' : 'Mi siedo.',
44                                       'en' : 'Sit down.' },
45                       'btn_exit'  : { 'it' : 'Esco.',
46                                       'en' : 'Exit.' },
47                       'tit_list'  : { '0'  : { 'it' : '',
48                                                'en' : '' },
49                                       '1'  : { 'it' : '(solo aut.)',
50                                                'en' : '(only aut.)' },
51                                       '2'  : { 'it' : '(isolam.to)',
52                                                'en' : '(isolation)' } }
53                     };
54
55 function $() {
56     if (arguments.length == 1)
57         return document.getElementById(arguments[0]);
58     else
59         return (arguments[0]).document.getElementById((arguments[1]));
60 }
61
62 function dec2hex(d, padding)
63 {
64     var hex = Number(d).toString(16);
65     padding = typeof (padding) === "undefined" || padding === null ? padding = 2 : padding;
66
67     while (hex.length < padding) {
68         hex = "0" + hex;
69     }
70
71     return hex;
72 }
73
74 function getStyle(x,IEstyleProp, MozStyleProp) 
75 {
76     if (x.currentStyle) {
77         var y = x.currentStyle[IEstyleProp];
78     } else if (window.getComputedStyle) {
79         var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(MozStyleProp);
80     }
81     return y;
82 }
83
84 /* replacement of setInterval on IE */
85 (function(){
86     /*if not IE, do nothing*/
87     if(!document.uniqueID){return;};
88
89     /*Copy the default setInterval behavior*/
90     var nativeSetInterval = window.setInterval;
91     window.setInterval = function(fn,ms) {              
92         var param = [];
93         if(arguments.length <= 2)       {
94             return nativeSetInterval(fn,ms);
95         }
96         else {
97             for(var i=2;i<arguments.length;i+=1) {
98                 param[i-2] =  arguments[i];
99             }   
100         }
101         
102         if(typeof(fn)=='function') {
103             
104             return (function (fn,ms,param) {
105                 var fo = function () {                                                          
106                     fn.apply(window,param);
107                 };                      
108                 return nativeSetInterval(fo,ms); 
109             })(fn,ms,param);
110         }
111         else if(typeof(fn)=='string')
112         {
113             return  nativeSetInterval(fn,ms);
114         }
115         else
116         {
117             throw Error('setInterval Error\nInvalid function type');
118         };
119     };
120
121     /*Copy the default setTimeout behavior*/
122     var nativeSetTimeout = window.setTimeout;
123     window.setTimeout = function(fn,ms) {               
124         var param = [];
125         if(arguments.length <= 2)       {
126             return nativeSetTimeout(fn,ms);
127         }
128         else {
129             for(var i=2;i<arguments.length;i+=1) {
130                 param[i-2] =  arguments[i];
131             }   
132         }
133         
134         if(typeof(fn)=='function') {
135             
136             return (function (fn,ms,param) {
137                 var fo = function () {                                                          
138                     fn.apply(window,param);
139                 };                      
140                 return nativeSetTimeout(fo,ms); 
141             })(fn,ms,param);
142         }
143         else if(typeof(fn)=='string')
144         {
145             return  nativeSetTimeout(fn,ms);
146         }
147         else
148         {
149             throw Error('setTimeout Error\nInvalid function type');
150         };
151     };
152
153 })()
154
155 function addEvent(obj,type,fn)
156 {
157     if (obj.addEventListener) {
158         obj.addEventListener( type, fn, false);
159     }
160     else if (obj.attachEvent) {
161         obj["e"+type+fn] = fn;
162         obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
163         obj.attachEvent( "on"+type, obj[type+fn] );
164     }
165     else
166         throw new Error("Event registration not supported");
167 }
168
169 function removeEvent(obj,type,fn)
170 {
171     if (obj.removeEventListener) {
172         obj.removeEventListener( type, fn, false );
173     }
174     else if (obj.detachEvent) {
175         obj.detachEvent( "on"+type, obj[type+fn] );
176         obj[type+fn] = null;
177         obj["e"+type+fn] = null;
178     }
179 }
180
181     // var card_pos = RANGE 0 <= x < cards_ea_n
182
183 function show_bigpict(obj, act, x, y)
184 {
185    var big, sfx;
186
187    if (arguments.length > 4)
188        sfx = arguments[4];
189    else
190        sfx = '';
191
192    big = $(obj.id+"_big"+sfx);
193    if (act == "over") {
194        big.style.left = obj.offsetLeft + x+"px";
195        big.style.top  = obj.offsetTop  + y+"px";
196        big.style.visibility = "visible";
197        }
198    else {
199        big.style.visibility = "hidden";
200        }
201 }
202
203 function rnd_int(min, max) {
204   return Math.floor(Math.random() * (max - min + 1) + min);
205 }
206
207 function error_images()
208 {
209     // alert("GHESEMU!");
210     setTimeout(preload_images, 2000, g_preload_img_arr, g_imgct-1);
211 }
212
213 function abort_images()
214 {
215     // alert("ABORTAIMAGES");
216     setTimeout(preload_images, 2000, g_preload_img_arr, g_imgct-1);
217 }
218
219 function unload_images()
220 {
221     // alert("ABORTAIMAGES");
222     setTimeout(preload_images, 2000, g_preload_img_arr, g_imgct-1);
223 }
224
225 function reset_images()
226 {
227     // alert("ABORTAIMAGES");
228     setTimeout(preload_images, 2000, g_preload_img_arr, g_imgct-1);
229 }
230
231 function update_images()
232 {
233     // MLANG "Immagine caricate" + g_preload_imgsz_arr[g_imgct] + "%."
234     $("imgct").innerHTML = mlang_commons['imgload_a'][g_lang]+g_preload_imgsz_arr[g_imgct]+"%.";
235     if (g_imgct+1 < g_preload_img_arr.length) {
236         g_imgct++;
237         setTimeout(preload_images, 100, g_preload_img_arr, g_imgct-1);
238     }
239     // $("imgct").innerHTML += "U";
240 }
241
242 function preload_images(arr,idx)
243 {
244     var im = new Image;
245     
246     // $("imgct").innerHTML = "Stiamo caricando "+arr[idx]+"%.<br>";
247     im.onload =   update_images;
248     im.onerror =  error_images;
249     im.onabort =  abort_images;
250     im.onunload = unload_images;
251     im.onreset =  reset_images;
252     im.src =      arr[idx];
253     // $("imgct").innerHTML += "P";
254 }
255
256 function safestatus(a)
257 {
258     try{
259         return (a.status);
260     } catch(b)
261         { return (-1); }
262 }
263
264 function createXMLHttpRequest() {
265     if (typeof(ActiveXObject) != 'undefined') { // Konqueror complain as unknown object
266         try { return new ActiveXObject("Msxml2.XMLHTTP");    } catch(e) {}
267         try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
268     }
269     try { return new XMLHttpRequest();                   } catch(e) {}
270     alert("XMLHttpRequest not supported");
271     return null;
272 }
273
274 function send_mesg(mesg)
275 {
276     var xhr_wr = createXMLHttpRequest();
277     var is_conn = (sess == "not_connected" ? false : true);
278     
279     // alert("xhr_wr: "+xhr_wr+"  is_conn: "+is_conn);
280     xhr_wr.open('GET', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+'mesg='+mesg, (is_conn ? true : false));
281     xhr_wr.setRequestHeader("If-Modified-Since", new Date().toUTCString());
282     xhr_wr.onreadystatechange = function() { return; };
283     if (typeof(g_debug) == 'number' && g_debug > 0
284         && typeof(console) == 'object' && typeof(console.log) == 'function') { // OK
285             var ldate = new Date();
286             console.log(ldate.getTime()+':MESG:'+mesg); // OK
287     }
288     xhr_wr.send(null);
289
290     if (!is_conn) {
291         if (xhr_wr.responseText != null) {
292             eval(xhr_wr.responseText);
293         }
294     }
295 }
296
297 /*
298   sync request to server
299   server_request([arg0=arg1[, arg2=arg3[, ...]]])
300   if var name == '__POST__' than all other vars will be managed as POST content
301                                  and the call will be a POST
302  */
303 function server_request()
304 {
305     var xhr_wr = createXMLHttpRequest();
306     var i, collect = "", post_collect = null, is_post = false;
307
308     if (arguments.length > 0) {
309         for (i = 0 ; i < arguments.length ; i+= 2) {
310             if (arguments[i] == "__POST__") {
311                 is_post = true;
312                 post_collect = "";
313                 i -= 1;
314                 continue;
315             }
316             if (is_post)
317                 post_collect += (post_collect == "" ? "" : "&") + arguments[i] + "=" + encodeURIComponent(arguments[i+1]);
318             else
319                 collect += (i == 0 ? "" : "&") + arguments[i] + "=" + encodeURIComponent(arguments[i+1]);
320         }
321     }
322     // alert("Args: "+arguments.length);
323
324     var is_conn = (sess == "not_connected" ? false : true);
325     
326     // console.log("server_request:preresp: "+xhr_wr.responseText);
327
328     if (is_post) {
329         xhr_wr.open('POST', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+collect, false);
330         xhr_wr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
331     }
332     else {
333         xhr_wr.open('GET', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+collect, false);
334     }
335     xhr_wr.onreadystatechange = function() { return; };
336     xhr_wr.send(post_collect);
337     
338     if (xhr_wr.responseText != null) {
339         // console.log("server_request:resp: "+xhr_wr.responseText);
340         return (xhr_wr.responseText);
341     } 
342     else
343         return (null);
344 }
345
346 /* Stat: CHAT and TABLE */
347
348 function chatt_checksend(obj,e)
349 {
350     var keynum;
351     var keychar;
352     var numcheck;
353
354     if(window.event) { // IE
355         keynum = e.keyCode;
356     }
357     else if(e.which) { // Netscape/Firefox/Opera
358         keynum = e.which;
359     }
360     // alert("OBJ: "+obj);
361     if (keynum == 13 && obj.value != "") { // Enter
362         act_chatt(obj.value);
363         obj.value = "";
364     }
365 }
366 function act_chatt(value)
367 {
368     send_mesg("chatt|"+encodeURIComponent(value));
369     /*
370     obj.disabled = true;
371     obj.value = "";
372     obj.disabled = false;
373     obj.focus();
374     */
375     return false;
376 }
377
378 /* Stat: ROOM */
379 function act_ping()
380 {
381     send_mesg("ping");
382 }
383
384 function act_sitdown(table)
385 {
386     send_mesg("sitdown|"+table);
387 }
388
389 function act_wakeup()
390 {
391     send_mesg("wakeup");
392 }
393
394 function act_splash()
395 {
396     send_mesg("splash");
397 }
398
399 function act_help()
400 {
401     send_mesg("help");
402 }
403
404 function act_passwdhowto()
405 {
406     send_mesg("passwdhowto");
407 }
408
409 function act_mesgtoadm()
410 {
411     send_mesg("mesgtoadm");
412 }
413
414 function act_tav()
415 {
416     act_chatt('/tav '+$('txt_in').value); 
417     $('txt_in').value = '';
418 }
419
420 function act_about()
421 {
422     send_mesg("about");
423 }
424
425 function act_placing()
426 {
427     send_mesg("placing");
428 }
429
430 function act_roadmap()
431 {
432     send_mesg("roadmap");
433 }
434
435 function act_whysupport()
436 {
437     send_mesg("whysupport");
438 }
439
440 function act_lascio()
441 {
442     send_mesg("lascio");
443 }
444
445 function safelascio()
446 {
447     var res;
448     // MLANG "Sei sicuro di volere lasciare questa mano?"
449     res = window.confirm(mlang_commons['gamleav'][g_lang]);
450     if (res)
451         act_lascio();
452 }
453
454 function act_logout(exitlock)
455 {
456     send_mesg("logout|"+exitlock);
457 }
458
459 function ModerateItem(item_ar)
460 {
461     var tr, td, date;
462
463     this.time  = item_ar[0];
464     this.usrid = item_ar[1];
465     this.table = item_ar[2];
466     this.name  = item_ar[3];
467     this.cont  = item_ar[4];
468
469     date = new Date();
470     date.setTime(this.time * 1000);
471
472     tr = document.createElement("tr");
473     td = document.createElement("td");
474     // FIXME a more readable date here
475     // td.innerHTML = date.xxxx;
476     td.innerHTML = this.time % 100000;
477     tr.appendChild(td);
478
479     td = document.createElement("td");
480     td.innerHTML = this.table;
481     tr.appendChild(td);
482
483     td = document.createElement("td");
484     td.innerHTML = this.usrid;
485     tr.appendChild(td);
486
487     td = document.createElement("td");
488     td.innerHTML = this.name;
489     tr.appendChild(td);
490
491     td = document.createElement("td");
492     td.innerHTML = this.cont;
493     tr.appendChild(td);
494
495     this.tr = tr;
496 }
497
498 ModerateItem.prototype = {
499     time: 0,
500     usrid: 0,
501     table: -1,
502     name: "",
503     cont: "",
504
505     tr: null,
506     hide: false,
507     sel: false,
508
509     tr_get: function () {
510         return this.tr;
511     },
512
513     sel_get: function () {
514         return this.sel;
515     },
516
517     sel_set: function (v) {
518         if (this.sel != v) {
519             this.sel = v;
520             this.tr.className = (v ? 'selected' : 'normal');
521         }
522     }
523 }
524
525 function Moderate()
526 {
527     this.item = new Array();
528 }
529
530 Moderate.prototype = {
531     win:  null,
532     table: null,
533     enabled: false,
534     item: null,
535
536     room_show: true,
537     table_show: -1,
538
539     cur: -1,
540
541     disable: function () {
542         if (this.tout) {
543             clearTimeout(this.tout);
544             this.tout = 0;
545         }
546         if (this.win) {
547             this.win.onbeforeunload = null;
548             this.win.close();
549             this.win = null;
550         }
551     },
552
553     activate: function (enable) {
554         if (this.enabled == enable) {
555             return true;
556         }
557         if (enable) {
558             this.disable();
559
560             // FIXME: remove scrollbars, only for devel reason
561             // this.win = window.open("moderation.php", "_blank", "width=800,height=600,toolbar=no,location=no,menubar=no,status=no");
562             this.win = window.open("moderation.php", "_blank", "width=800,height=600,toolbar=no,location=no,menubar=no,status=no,scrollbars=yes");
563             if (this.win == null) {
564                 this.disable();
565                 return false;
566             }
567             // to finish initialization we wait for popup page onload event ...
568             this.win_waitonload();
569         }
570         else {
571             this.disable();
572             this.enabled = false;
573         }
574
575     },
576
577     win_waitonload: function () {
578         if (typeof(this.win.is_loaded)  == 'undefined' || this.win.is_loaded != true) {
579             this.tout = setTimeout(function (obj) { obj.win_waitonload(); }, 250, this);
580         }
581         else {
582             this.post_onload();
583         }
584     },
585
586     post_onload: function() {
587         var tr, td, remtr;
588
589         this.win.anc = this;
590         this.table = $(this.win, 'moder_tab');
591
592         for (i = 0 ; i < this.item.length ; i++) {
593             this.table.appendChild(this.item[i].tr_get());
594             this.item[i].hide = false;
595         }
596
597         this.enabled = true;
598     },
599
600     onunload: function() {
601         act_moderate();
602     },
603
604     is_enabled: function() {
605         return (this.enabled);
606     },
607
608     add: function(item) {
609         var mi;
610
611         mi = new ModerateItem(item);
612         mi.tr.className = 'normal';
613
614         var self;
615         self = this;
616         mi.tr.onclick = function () { self.row_select(mi); };
617
618         this.item.push(mi);
619         this.table.appendChild(mi.tr_get());
620     },
621
622     row_select: function(mi) {
623         for (i = 0 ; i < this.item.length ; i++) {
624             if (this.item[i] == mi) {
625                 this.item[i].sel_set(!this.item[i].sel_get());
626             }
627             else {
628                 this.item[i].sel_set(false);
629             }
630         }
631         // mi.tr.className = "selected";
632     },
633
634     room_show_update: function(obj) {
635         this.tab_update(obj.checked, this.table_show);
636     },
637
638     //
639     table_show_update: function(obj) {
640         this.tab_update(this.room_show, obj.options[obj.selectedIndex].value );
641     },
642
643     tab_update: function(room_new, table_new)
644     {
645         // remove all and add all valid
646         for (i = 0 ; i < this.item.length ; i++) {
647             if (this.item[i].hide)
648                 continue;
649             this.table.removeChild(this.item[i].tr_get());
650             this.item[i].hide = true;
651         }
652
653         for (i = 0 ; i < this.item.length ; i++) {
654             var app = false;
655
656             if (room_new && table_new == -1) {
657                 app = true;
658             }
659             else if (room_new && table_new != -1) {
660                 if (this.item[i].table == table_new || this.item[i].table == -1) {
661                     app = true;
662                 }
663             }
664             else if (!room_new && table_new == -1) {
665                 if (this.item[i].table != -1) {
666                     app = true;
667                 }
668             }
669             else if (!room_new && table_new != -1) {
670                 if (this.item[i].table == table_new) {
671                     app = true;
672                 }
673             }
674             if (app) {
675                 this.table.appendChild(this.item[i].tr_get());
676                 this.item[i].hide = false;
677             }
678         }
679         this.room_show  = room_new;
680         this.table_show = table_new;
681     }
682 }
683
684 // function AddBefore(rowId){
685 //     var target = document.getElementById(rowId);
686 //     var newElement = document.createElement('tr');
687 //     target.parentNode.insertBefore(newElement, target);
688 //     return newElement;
689 // }
690
691 // function AddAfter(rowId){
692 //     var target = document.getElementById(rowId);
693 //     var newElement = document.createElement('tr');
694
695 //     target.parentNode.insertBefore(newElement, target.nextSibling );
696 //     return newElement;
697 // }
698
699 function moderate(enable)
700 {
701     return (g_moder.activate(enable));
702 }
703
704 var g_moder = new Moderate();
705
706 function act_moderate()
707 {
708     send_mesg("moderate|"+(g_moder.is_enabled() ? "false" : "true"));
709 }
710
711
712
713 //         // build table with js
714         
715 //         g_moder.item = new Array;
716 //         g_moder.table = xxx;
717 //     }
718 //     else {
719 //         if (g_moder == null)
720 //             return true;
721
722 //         if (g_moder.win != null) {
723 //             g_moder.win.close();
724 //             g_moder.win = null;
725 //         }
726
727 //         if (g_moder.item != null) {
728 //             // TODO CLEANUP
729 //             ;
730 //         }
731 //         g_moder.cur = -1;
732 //     }
733 // }
734
735
736 function act_reloadroom()
737 {
738     if (g_moder.is_enabled()) {
739         g_moder.disable();
740     }
741     window.onunload = null;
742     window.onbeforeunload = null;
743     document.location.assign("index.php");
744 }
745
746
747 function act_shutdown()
748 {
749     var c = 0;
750
751     send_mesg("shutdown");
752     // while (xhr_wr.readyState != 4)
753     //  c++;
754 }
755
756 function postact_logout()
757 {
758     // alert("postact_logout");
759
760     if (g_moder.is_enabled()) {
761         g_moder.disable();
762     }
763
764     try { 
765         hstm.abort();
766     } catch (e) {}
767
768     // eraseCookie("sess");
769     document.location.assign("index.php");
770 }
771
772 /*
773   function slowimg(img,x1,y1,deltat,free,action,srcend)
774   img    - image to move
775   x1,y1  - destination coords
776   deltat - time for each frame (in msec)
777   free   - when the release the local block for other operations (range: 0 - 1)
778   action - function to run when the image is moved
779   srcend - image to switch when the image is moved
780 */
781
782 function sleep(st, delay)
783 {
784     // alert("LOC_NEW PRE: "+st.st_loc_new);
785
786     st.st_loc_new++;
787
788     setTimeout(function(obj){ if (obj.st_loc_new > obj.st_loc) { obj.st_loc++; }},
789                delay, st);
790 }
791
792 function slowimg(img,x1,y1,deltat,free,action,srcend) {
793     this.img = img;
794
795     // this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
796     this.x0 = parseInt(getStyle(this.img,"left", "left"));
797 // alert("img.x0 = "+this.x0);
798     // this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
799     this.y0  = parseInt(getStyle(this.img,"top", "top"));
800     this.x1  = x1;
801     this.y1  = y1;
802     this.deltat = deltat;
803     this.free = free;
804     this.action = action;
805     this.srcend = srcend;
806 }
807
808 slowimg.prototype = {
809     img: null, 
810     st: null,
811     x0: 0,
812     y0: 0,
813     x1: 0,
814     y1: 0,
815     dx: 0,
816     dy: 0,
817     free: 0,
818     step_n:    0,
819     step_cur:  0,
820     step_free: 0,
821     time:      0,
822     deltat:   40,
823     tout: 0,
824     action: null,
825     srcend: null,
826     
827     setstart: function(x0,y0)
828     {
829         this.x0 = x0;
830         this.y0 = y0;
831     },
832     
833     setaction: function(act)
834     {
835         this.action = act;
836     },
837     
838
839     settime: function(time) 
840     {
841         this.time = (time < this.deltat ? this.deltat : time);
842         this.step_n = parseInt(this.time / this.deltat);
843         this.dx = (this.x1 - this.x0) / this.step_n;
844         this.dy = (this.y1 - this.y0) / this.step_n;
845         if (this.step_n * this.deltat == this.time) {
846             this.step_n--;
847         }
848         if (this.free < 1) {
849             this.step_free = parseInt(this.step_n * this.free);
850         }
851     },
852     
853     start: function(st)
854     {
855         // $("logz").innerHTML += "               xxxxxxxxxxxxxxxxxxxxxSTART<br>";
856         this.st = st;
857         this.st.st_loc_new++;
858         
859         this.img.style.visibility = "visible";
860         setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
861     },
862     
863     animate: function()
864     {
865         // $("log").innerHTML = "Val " + this.step_cur + " N: " + this.step_n + "<br>";
866         if (this.step_cur == 0) {
867             var date = new Date();
868             // $("logz").innerHTML = "Timestart: " + date + "<br>";
869         }
870         if (this.step_cur <= this.step_n) {
871             this.img.style.left = this.x0 + this.dx * this.step_cur;
872             this.img.style.top  = this.y0 + this.dy * this.step_cur;
873             this.step_cur++;
874             setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
875             if (this.step_cur == this.step_free && this.st != null) {
876                 if (this.st.st_loc < this.st.st_loc_new) {
877                     // alert("QUI1  " + this.step_cur + "  ZZ  "+  this.step_free);
878                     this.st.st_loc++;
879                     this.st = null;
880                 }
881             }
882         }
883         else {
884             this.img.style.left = this.x1;
885             this.img.style.top  = this.y1;
886             // $("logz").innerHTML += "xxxxxxxxxxxxxxxCLEAR<br>";
887             var date = new Date();
888             // $("logz").innerHTML += "Timestop: " + date + "<br>";
889
890             if (this.action != null) {
891                 eval(this.action);
892             }
893
894             if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
895                 // alert("QUI2");
896                 this.st.st_loc++;
897                 this.st = null;
898             }
899             if (this.srcend != null) {
900                 this.img.src = this.srcend;
901             }
902         }
903     }
904 }
905
906 function div_show(div)
907 {
908     div.style.top = parseInt((document.body.clientHeight - parseInt(getStyle(div,"height", "height"))) / 2) + document.body.scrollTop;
909     div.style.visibility = "visible";
910 }
911
912 function notify_ex(st, text, tout, butt, w, h, is_opa, block_time)
913 {
914     var clo, box;
915     var t = this;
916     
917     this.st = st;
918
919     this.ancestor = document.body;
920     
921     this.st.st_loc_new++;
922
923     clo = document.createElement("input");
924     clo.type = "submit";
925     clo.className = "button";
926     clo.style.bottom = "4px";
927     clo.obj = this;
928     if (block_time > 0) {
929         clo.value = "leggere, prego.";
930         this.butt = butt;
931     }
932     else {
933         clo.value = butt;
934         clo.onclick = this.input_hide;
935     }
936
937     clodiv = document.createElement("div");
938     clodiv.className = "notify_clo";
939     this.clo = clo;
940     this.clodiv = clodiv;
941
942     clodiv.appendChild(clo);
943
944     cont = document.createElement("div");
945
946     cont.style.borderBottomStyle = "solid";
947     cont.style.borderBottomWidth = "1px";
948     cont.style.borderBottomColor = "gray";
949     cont.style.height = (h - 30)+"px";
950     cont.style.overflow = "auto";
951     cont.innerHTML = text;
952
953     box =  document.createElement("div");
954     if (is_opa)
955         box.className = "notify_opaque";
956     else
957         box.className = "notify";
958
959     box.style.zIndex = 200;
960     box.style.width  = w+"px";
961     box.style.marginLeft  = -parseInt(w/2)+"px";
962     box.style.height = h+"px";
963     box.style.top = parseInt((document.body.clientHeight - h) / 2) + document.body.scrollTop;
964     box.appendChild(cont);
965     box.appendChild(clodiv);
966     box.style.visibility = "visible";
967
968     this.notitag = box;
969     
970     this.ancestor.appendChild(box);
971     
972     this.toutid = setTimeout(function(obj){ obj.unblock(); }, tout, this);
973
974     if (block_time != 0) {
975         this.tblkid = setTimeout(function(obj){ obj.clo.value = obj.butt; obj.clo.onclick = obj.input_hide; formsub_hilite(obj.clo); obj.clo.focus(); }, block_time, this);
976     }
977     else {
978         formsub_hilite(clo);
979         clo.focus();
980     }
981
982 }
983
984
985 notify_ex.prototype = {
986     ancestor: null,
987     st: null,
988     notitag: null,
989     toutid: null,
990     clo: null,
991     clodiv: null, 
992     butt: null,
993     tblkid: null,
994
995     unblock: function()
996     {
997         if (this.st.st_loc < this.st.st_loc_new) {
998             this.st.st_loc++;
999         }
1000     },
1001     
1002     hide: function()
1003     {
1004         clearTimeout(this.toutid);
1005         this.ancestor.removeChild(this.notitag);
1006         this.unblock();
1007     },
1008
1009     input_hide: function()
1010     {
1011         clearTimeout(this.obj.toutid);
1012         this.obj.ancestor.removeChild(this.obj.notitag);
1013         this.obj.unblock();
1014     }
1015 }
1016
1017
1018 notify.prototype = notify_ex.prototype;                // Define sub-class
1019 notify.prototype.constructor = notify;
1020 notify.baseConstructor = notify_ex;
1021 notify.superClass = notify_ex.prototype;
1022
1023 function notify(st, text, tout, butt, w, h)
1024 {
1025     notify_ex.call(this, st, text, tout, butt, w, h, false, 0);
1026 }
1027
1028 function globst() {
1029     this.st = -1;
1030     this.st_loc = -1;
1031     this.st_loc_new = -1;
1032     this.comms  = new Array;
1033 }
1034
1035 globst.prototype = {
1036     st: -1,
1037     st_loc: -1,
1038     st_loc_new: -1,
1039     comms: null,
1040     sleep_hdl: null,
1041
1042     sleep: function(delay) {
1043         st.st_loc_new++;
1044
1045         if (!this.the_end) {
1046             this.sleep_hdl = setTimeout(function(obj){ if (obj.st_loc_new > obj.st_loc) { obj.st_loc++; obj.sleep_hdl = null; }},
1047                                         delay, this);
1048         }
1049     },
1050
1051     abort: function() {
1052         if (this.sleep_hdl != null) {
1053             clearTimeout(this.sleep_hdl);
1054             this.sleep_hdl = null;
1055         }
1056     }
1057 }
1058
1059 function remark_step()
1060 {
1061     var ct = $("remark").l_remct;
1062     
1063     if (ct != 0) {
1064         ct++;
1065         if (ct > 2)
1066             ct = 1;
1067         $("remark").className = "remark"+ct;
1068         $("remark").l_remct = ct;
1069         setTimeout(remark_step,500);
1070     }
1071     else
1072         $("remark").className = "remark0";
1073     
1074     return;
1075 }
1076
1077 function remark_on()
1078 {
1079     if ($("remark").l_remct == 0) {
1080         $("remark").l_remct = 1;
1081         setTimeout(remark_step,500);
1082     }
1083 }
1084
1085 function remark_off()
1086 {
1087     $("remark").l_remct = 0;
1088     $("remark").className = "remark0";
1089 }
1090
1091
1092 function italizer(ga)
1093 {
1094     var pre, pos;
1095     if (ga[0] & 2) 
1096         return "<i>"+ga[1]+"</i>";
1097     else
1098         return ga[1];
1099 }
1100
1101
1102 function exitlock_show(num, islock)
1103 {
1104     g_exitlock = num;
1105
1106     num = (num < 3 ? num : 3);
1107     $("exitlock").src = "img/exitlock"+num+(islock ? "n" : "y")+".png";
1108     // alert("EXITLOCK: "+$("exitlock").src);
1109     $("exitlock").style.visibility = "visible";
1110 }
1111
1112 var fin = 0;
1113
1114 //    exitlock_show(0, true);
1115
1116
1117 var chatt_lines = new Array();
1118 var chatt_lines_n = 0;
1119
1120 var CHATT_MAXLINES = 40;
1121
1122 function user_decorator(user)
1123 {
1124     var name;
1125     var flags = user[BSK_USER_FLAGS];
1126     var flags_vlt = user[BSK_USER_FLGVL];
1127     if ((flags & 0x03) != 0)
1128         name = "<span class='au" + (flags & 0x03) + "'>"+user[BSK_USER_NICK]+"</span>";
1129     else
1130         name = user[BSK_USER_NICK];
1131
1132     return (name);
1133 }
1134
1135 function user_dec_and_state(el)
1136 {
1137     var content = "";
1138     var val_el;
1139
1140     content = user_decorator(el);
1141     content += state_add(el[BSK_USER_FLAGS], el[BSK_USER_FLGVL],
1142                          (typeof(el[BSK_USER_SCOL]) != 'undefined' ? el[BSK_USER_SCOL] : null));
1143     
1144     return (content);
1145 }
1146
1147
1148 /* PRO CHATT */
1149 function chatt_sub(dt,data,str)
1150 {
1151     var must_scroll = false;
1152     var name;
1153     var flags;
1154     var isauth;
1155     var bolder = [ (data[BSK_USER_FLAGS] | 1), data[BSK_USER_FLGVL], data[BSK_USER_NICK] ];
1156     name = user_decorator(bolder);
1157
1158     if ($("txt").scrollTop + parseInt(getStyle($("txt"),"height", "height")) -  $("txt").scrollHeight >= 0)
1159         must_scroll = true;
1160
1161     // alert("ARRIVA NAME: "+ name + "  STR:"+str);
1162     if (chatt_lines_n == CHATT_MAXLINES) {
1163         $("txt").innerHTML = "";
1164         for (i = 0 ; i < (CHATT_MAXLINES - 1) ; i++) {
1165             chatt_lines[i] = chatt_lines[i+1];
1166             $("txt").innerHTML += chatt_lines[i];
1167         }
1168         chatt_lines[i] = dt+name+": "+str+ "<br>";
1169         $("txt").innerHTML += chatt_lines[i];
1170     }
1171     else {
1172         chatt_lines[chatt_lines_n] = dt+name+": "+str+ "<br>";
1173         $("txt").innerHTML += chatt_lines[chatt_lines_n];
1174         chatt_lines_n++;
1175     }
1176     // $("txt").innerHTML;
1177
1178     
1179     if (must_scroll) {
1180         $("txt").scrollTop = 10000000;
1181     }
1182     // alert("scTOP "+$("txt").scrollTop+"  scHEIGHT: "+$("txt").scrollHeight+" HEIGHT: "+getStyle($("txt"),"height", "height") );
1183 }
1184
1185 /*
1186  *  GESTIONE DEI COOKIES
1187  */
1188 function createCookie(name,value,hours,path) {
1189         if (hours) {
1190                 var date = new Date();
1191                 date.setTime(date.getTime()+(hours*60*60*1000));
1192                 var expires = "; expires="+date.toGMTString();
1193         }
1194         else var expires = "";
1195         document.cookie = name+"="+value+expires+"; path="+path;
1196 }
1197
1198 function readCookie(name) {
1199         var nameEQ = name + "=";
1200         var ca = document.cookie.split(';');
1201         for(var i=0;i < ca.length;i++) {
1202                 var c = ca[i];
1203                 while (c.charAt(0)==' ') c = c.substring(1,c.length);
1204                 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
1205         }
1206         return null;
1207 }
1208
1209 function eraseCookie(name) {
1210         createCookie(name,"",-1);
1211 }
1212
1213 function onbeforeunload_cb () {
1214     return("");
1215 }
1216
1217 function onunload_cb () {
1218     
1219     if (typeof(hstm) != "undefined")
1220         hstm.the_end = true; 
1221
1222     act_shutdown();
1223     
1224     return(false);
1225 }
1226
1227 function room_checkspace(emme,tables,inpe)
1228 {
1229     nome = "<b>";
1230     for (i = 0 ; i < emme ; i++) 
1231         nome += "m";
1232     nome += "</b>";
1233
1234     alta = "";
1235     for (i = 0 ; i < 5 ; i++) 
1236         alta += nome+"<br>";
1237
1238     for (i = 0 ; i < tables ; i++) {
1239         $("table"+i).innerHTML = alta;
1240         // MLANG Mi siedo.
1241         $("table_act"+i).innerHTML = "<input type=\"button\" class=\"button\" name=\"xhenter"+i+"\"  value=\""+mlang_commons['btn_sit'][g_lang]+"\" onclick=\"act_sitdown(1);\">";
1242         }
1243
1244     stand = "<table class=\"table_standup\"><tbody><tr>";
1245     for (i = 0 ; i < inpe ; i++) {
1246         stand += "<td>"+nome+"</td>";
1247         if ((i+1) % 4 == 0) {
1248             stand += "</tr><tr>";
1249         }
1250     }
1251     stand += "</tr>";
1252     $("standup").innerHTML = stand;
1253
1254     // VERIFY: what is this button ?
1255     // MLANG Esco.
1256     $("esco").innerHTML = "<input class=\"button\" name=\"logout\" type=\"button\" value=\""+mlang_commons['btn_exit'][g_lang]+"\" onclick=\"act_logout();\" type=\"button\">";
1257 }
1258
1259 function  unescapeHTML(cont) {
1260     var div = document.createElement('div');
1261     var memo = "";
1262     var i;
1263
1264     div.innerHTML = cont;
1265     if (div.childNodes[0]) {
1266         if (div.childNodes.length > 1) {
1267             if (div.childNodes.toArray)
1268                 alert("si puo");
1269             else {
1270                 var length = div.childNodes.length, results = new Array(length);
1271             while (length--)
1272                 results[length] = div.childNodes[length];
1273                 
1274             for (i=0 ; i<results.length ; i++)
1275                 memo = memo + results[i].nodeValue;
1276             }
1277
1278             return (memo);
1279         }
1280         else {
1281             return (div.childNodes[0].nodeValue);
1282         }
1283     }
1284     else {
1285         return ('');
1286     }
1287 }
1288
1289 function playsound(tag, sound) {
1290    // g_withflash is a global var
1291    if (g_withflash) {
1292       $(tag).innerHTML = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '+
1293 'codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="mysound" WIDTH=1 HEIGHT=1>' +
1294 '<PARAM NAME="movie" VALUE="../playsound.swf"><PARAM NAME="PLAY" VALUE="true"><PARAM NAME="LOOP" VALUE="false">' +
1295 '<PARAM NAME=FlashVars VALUE="streamUrl='+sound+'">' +
1296 '<EMBED swliveconnect="true" name="mysound" src="../playsound.swf" FlashVars="streamUrl='+sound+'" PLAY="true" LOOP="false" '+
1297 ' WIDTH=1 HEIGHT=1 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></OBJECT>';
1298    }
1299 }
1300
1301 function topbanner_init()
1302 {
1303     setInterval(topbanner_cb, 666);
1304 ;
1305 }
1306
1307 function topbanner_cb()
1308 {
1309     var a, b;
1310
1311     a = $('topbanner').style.backgroundColor;
1312     b = $('topbanner').style.borderLeftColor;
1313
1314     $('topbanner').style.backgroundColor = b;
1315     $('topbanner').style.borderColor = a+" "+a+" "+a+" "+a;
1316
1317     // console.log("A: "+a+"  B: "+b);
1318 }
1319
1320 function sidebanner_init()
1321 {
1322     setInterval(sidebanner_cb, 666);
1323 }
1324
1325 function sidebanner2_init()
1326 {
1327     setInterval(sidebanner2_cb, 666);
1328 }
1329
1330 function sidebanner_cb()
1331 {
1332     var a, b;
1333
1334     a = $('sidebanner').style.backgroundColor;
1335     b = $('sidebanner').style.borderLeftColor;
1336
1337     $('sidebanner').style.backgroundColor = b;
1338     $('sidebanner').style.borderColor = a+" "+a+" "+a+" "+a;
1339
1340     // console.log("A: "+a+"  B: "+b);
1341 }
1342
1343 function sidebanner2_cb()
1344 {
1345     var a, b;
1346
1347     a = $('sidebanner2').style.backgroundColor;
1348     b = $('sidebanner2').style.borderLeftColor;
1349
1350     $('sidebanner2').style.backgroundColor = b;
1351     $('sidebanner2').style.borderColor = a+" "+a+" "+a+" "+a;
1352
1353     // console.log("A: "+a+"  B: "+b);
1354 }
1355
1356
1357 function langtolng(lang)
1358 {
1359     if (lang == "en")
1360         return ("-en");
1361     else
1362         return ("");
1363 }
1364
1365 function formtext_hilite(obj)
1366 {
1367     obj.className = 'input_text';
1368     addEvent(obj, "focus", function () { this.className = 'input_text_hi'; });
1369     addEvent(obj, "blur",  function () { this.className = 'input_text'; });
1370 }
1371
1372 function formsub_hilite(obj)
1373 {
1374     obj.className = 'input_sub';
1375     addEvent(obj, "focus", function () { this.className = 'input_sub_hi'; });
1376     addEvent(obj, "blur",  function () { this.className = 'input_sub'; });
1377 }
1378
1379 // return the value of the radio button that is checked
1380 // return an empty string if none are checked, or
1381 // there are no radio buttons
1382 function get_checked_value(radioObj) {
1383         if(!radioObj)
1384                 return "";
1385         var radioLength = radioObj.length;
1386         if(radioLength == undefined)
1387                 if(radioObj.checked)
1388                         return radioObj.value;
1389                 else
1390                         return "";
1391         for(var i = 0; i < radioLength; i++) {
1392                 if(radioObj[i].checked) {
1393                         return radioObj[i].value;
1394                 }
1395         }
1396         return "";
1397 }
1398
1399 // set the radio button with the given value as being checked
1400 // do nothing if there are no radio buttons
1401 // if the given value does not exist, all the radio buttons
1402 // are reset to unchecked
1403 function set_checked_value(radioObj, newValue) {
1404         if(!radioObj)
1405                 return;
1406         var radioLength = radioObj.length;
1407         if(radioLength == undefined) {
1408                 radioObj.checked = (radioObj.value == newValue.toString());
1409                 return;
1410         }
1411         for(var i = 0; i < radioLength; i++) {
1412                 radioObj[i].checked = false;
1413                 if(radioObj[i].value == newValue.toString()) {
1414                         radioObj[i].checked = true;
1415                 }
1416         }
1417 }
1418
1419 function url_append_arg(url, name, value)
1420 {
1421     var pos, sep, pref, rest;
1422
1423     if ((pos = url.indexOf('?'+name+'=')) == -1) {
1424         pos = url.indexOf('&'+name+'=');
1425     }
1426     if (pos == -1) {
1427         if ((pos = url.indexOf('?')) != -1)
1428             sep = '&';
1429         else
1430             sep = '?';
1431
1432         return (url+sep+name+"="+encodeURIComponent(value));
1433     }
1434     else {
1435         pref = url.substring(0, pos+1);
1436         rest = url.substring(pos+1);
1437         // alert("rest: "+rest+"  pos: "+pos);
1438         if ((pos = rest.indexOf('&')) != -1) {
1439             rest = rest.substring(pos);
1440         }
1441         else {
1442             rest = "";
1443         }
1444         return (pref+name+"="+encodeURIComponent(value)+rest);
1445     }
1446 }
1447
1448 function url_append_args(url)
1449 {
1450     var i, ret;
1451
1452     ret = url;
1453     for (i = 1 ; i < arguments.length-1 ; i+= 2) {
1454         ret = url_append_arg(ret, arguments[i], arguments[i+1]);
1455     }
1456
1457     return (ret);
1458 }
1459
1460 function url_complete(parent, url)
1461 {
1462     var p, p2, rest;
1463     var host = "", path = "";
1464
1465     // host extraction
1466     p = parent.indexOf("://");
1467     if (p > -1) {
1468         rest = parent.substring(p+3);
1469         p2 = rest.indexOf("/");
1470         if (p2 > -1) {
1471             host = parent.substring(0, p+3+p2);
1472             rest = parent.substring(p+3+p2);
1473         }
1474         else {
1475             host = rest;
1476             rest = "";
1477         }
1478     }
1479     else {
1480         rest = parent;
1481     }
1482
1483     // path extraction
1484     p = rest.lastIndexOf("/");
1485     if (p > -1) {
1486         path = rest.substring(0, p+1);
1487     }
1488
1489     // alert("host: ["+host+"]  path: ["+path+"]");
1490     if (url.substring(0,6) == 'http:/' || url.substring(0,7) == 'https:/') {
1491         return (url);
1492     }
1493     else if (url.substring(0,1) == '/') {
1494         return (host+url);
1495     }
1496     else {
1497         return (host+path+url);
1498     }
1499 }