0b1275ed82726005bcc7b555e8060e816d7c9567
[brisk.git] / commons.js
1 /*
2  *  brisk - commons.js
3  *
4  *  Copyright (C) 2006 matteo.nastasi@milug.org
5  *
6  * This program is free software; you can redistribute it and/or modify
7  * it under the terms of the GNU General Public License as published by
8  * the Free Software Foundation; either version 2 of the License, or
9  * (at your option) any later version.
10  *
11  * This program is distributed in the hope that it will be useful, but
12  * WITHOUT ANY WARRANTY; without even the implied warranty of
13  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
14  * General Public License for more details. You should have received a
15  * copy of the GNU General Public License along with this program; if
16  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
17  * Suite 330, Boston, MA 02111-1307, USA.
18  *
19  * $Id$
20  *
21  */
22
23 var PLAYERS_N = 3;
24
25 function $(id) { return document.getElementById(id); }
26
27 /* replacement of setInterval on IE */
28 (function(){
29     /*if not IE, do nothing*/
30     if(!document.uniqueID){return;};
31
32     /*Copy the default setInterval behavior*/
33     var nativeSetInterval = window.setInterval;
34     window.setInterval = function(fn,ms) {              
35         var param = [];
36         if(arguments.length <= 2)       {
37             return nativeSetInterval(fn,ms);
38         }
39         else {
40             for(var i=2;i<arguments.length;i+=1) {
41                 param[i-2] =  arguments[i];
42             }   
43         }
44         
45         if(typeof(fn)=='function') {
46             
47             return (function (fn,ms,param) {
48                 var fo = function () {                                                          
49                     fn.apply(window,param);
50                 };                      
51                 return nativeSetInterval(fo,ms); 
52             })(fn,ms,param);
53         }
54         else if(typeof(fn)=='string')
55         {
56             return  nativeSetInterval(fn,ms);
57         }
58         else
59         {
60             throw Error('setInterval Error\nInvalid function type');
61         };
62     };
63 })()
64
65     // var card_pos = RANGE 0 <= x < cards_ea_n
66
67 function rnd_int(min, max) {
68   return Math.floor(Math.random() * (max - min + 1) + min);
69 }
70
71 function error_images()
72 {
73     alert("GHESEMU!");
74 }
75
76 function abort_images()
77 {
78     alert("ABORTAIMAGES");
79 }
80
81 function unload_images()
82 {
83     alert("ABORTAIMAGES");
84 }
85
86 function reset_images()
87 {
88     alert("ABORTAIMAGES");
89 }
90
91 function update_images()
92 {
93     // $("imgct").innerHTML = "Immagini caricate "+g_preload_imgsz_arr[g_imgct]+"%.";
94     if (g_imgct < g_preload_img_arr.length)
95         setTimeout(preload_images, 100, g_preload_img_arr, g_imgct);
96     g_imgct++;
97     // $("imgct").innerHTML += "U";
98 }
99
100 function preload_images(arr,idx)
101 {
102     var im = new Image;
103     
104     // $("imgct").innerHTML = "Stiamo caricando "+arr[idx]+"%.<br>";
105     im.onload =   update_images;
106     im.onerror =  error_images;
107     im.onabort =  abort_images;
108     im.onunload = unload_images;
109     im.onreset =  reset_images;
110     im.src =      arr[idx];
111     // $("imgct").innerHTML += "P";
112 }
113
114 function safestatus(a)
115 {
116     try{
117         return (a.status);
118     } catch(b)
119         { return (-1); }
120 }
121
122 function createXMLHttpRequest() {
123     try { return new ActiveXObject("Msxml2.XMLHTTP");    } catch(e) {}
124     try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
125     try { return new XMLHttpRequest();                   } catch(e) {}
126     alert("XMLHttpRequest not supported");
127     return null;
128 }
129
130 function send_mesg(mesg)
131 {
132     var xhr_wr = createXMLHttpRequest();
133     // xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+encodeURIComponent(mesg), true);
134     xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+mesg, true);
135     xhr_wr.onreadystatechange = function() { return; };
136     xhr_wr.send(null);
137
138 }
139
140 /* Stat: CHAT and TABLE */
141
142 function chatt_checksend(obj,e)
143 {
144     var keynum;
145     var keychar;
146     var numcheck;
147
148     if(window.event) { // IE
149         keynum = e.keyCode;
150     }
151     else if(e.which) { // Netscape/Firefox/Opera
152         keynum = e.which;
153     }
154     // alert("OBJ: "+obj);
155     if (keynum == 13 && obj.value != "") { // Enter
156         act_chatt(obj.value);
157         obj.value = "";
158     }
159 }
160 function act_chatt(value)
161 {
162     send_mesg("chatt|"+encodeURIComponent(value));
163     /*
164     obj.disabled = true;
165     obj.value = "";
166     obj.disabled = false;
167     obj.focus();
168     */
169     return false;
170 }
171
172 /* Stat: ROOM */
173 function act_sitdown(table)
174 {
175     send_mesg("sitdown|"+table);
176 }
177
178 function act_wakeup()
179 {
180     send_mesg("wakeup");
181 }
182
183 /* Stat: TABLE  Subst: ASTA */
184 function act_asta(card,pnt)
185 {
186     send_mesg("asta|"+card+"|"+pnt);
187 }
188
189 function act_choose(card)
190 {
191     // alert("sitdown");
192     send_mesg("choose|"+card);
193 }
194
195 /* Stat: TABLE  Subst: GAME */
196 function act_play(card,x,y)
197 {
198     // alert("sitdown");
199     send_mesg("play|"+card+"|"+x+"|"+y);
200 }
201
202 function act_tableinfo()
203 {
204     send_mesg("tableinfo");
205 }
206
207 function safelogout()
208 {
209     var res;
210
211     res = window.confirm("Sei sicuro di volere abbandonare la partita?");
212     if (res)
213         act_logout();
214 }
215 function act_logout()
216 {
217     send_mesg("logout");
218 }
219
220 function act_reload()
221 {
222     window.onunload = null;
223     document.location.reload();
224 }
225
226 function act_shutdown()
227 {
228     var c = 0;
229
230     send_mesg("shutdown");
231     while (xhr_wr.readyState != 4)
232         c++;
233 }
234
235 function act_preout()
236 {
237     act_logout();
238 }
239
240 function postact_logout()
241 {
242     // alert("postact_logout");
243     try { 
244         xhr_rd.abort();
245     } catch (e) {}
246
247     // eraseCookie("sess");
248     document.location.assign("index.php");
249 }
250
251 /*
252   function slowimg(img,x1,y1,deltat,free,action,srcend)
253   img    - image to move
254   x1,y1  - destination coords
255   deltat - time for each frame (in msec)
256   free   - when the release the local block for other operations (range: 0 - 1)
257   action - function to run when the image is moved
258   srcend - image to switch when the image is moved
259 */
260
261 function sleep(st, delay)
262 {
263     // alert("LOC_NEW PRE: "+st.st_loc_new);
264
265     st.st_loc_new++;
266
267     setTimeout(function(obj){ if (obj.st_loc_new > obj.st_loc) { obj.st_loc++; }},
268                delay, st);
269 }
270
271 function slowimg(img,x1,y1,deltat,free,action,srcend) {
272     this.img = img;
273
274     this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
275     // alert("img.x0 = "+this.x0);
276     this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
277     this.x1  = x1;
278     this.y1  = y1;
279     this.deltat = deltat;
280     this.free = free;
281     this.action = action;
282     this.srcend = srcend;
283 }
284
285 slowimg.prototype = {
286     img: null, 
287     st: null,
288     x0: 0,
289     y0: 0,
290     x1: 0,
291     y1: 0,
292     dx: 0,
293     dy: 0,
294     free: 0,
295     step_n:    0,
296     step_cur:  0,
297     step_free: 0,
298     time:      0,
299     deltat:   40,
300     tout: 0,
301     action: null,
302     srcend: null,
303     
304     setstart: function(x0,y0)
305     {
306         this.x0 = x0;
307         this.y0 = y0;
308     },
309     
310     setaction: function(act)
311     {
312         this.action = act;
313     },
314     
315     settime: function(time) 
316     {
317         this.time = time;
318         this.step_n = parseInt(time / this.deltat);
319         this.dx = (this.x1 - this.x0) / this.step_n;
320         this.dy = (this.y1 - this.y0) / this.step_n;
321         if (this.step_n * this.deltat == time) {
322             this.step_n--;
323         }
324         this.step_free = parseInt(this.step_n * this.free);
325     },
326     
327     start: function(st)
328     {
329         // $("logz").innerHTML += "               xxxxxxxxxxxxxxxxxxxxxSTART<br>";
330         this.st = st;
331         this.st.st_loc_new++;
332         
333         this.img.style.visibility = "visible";
334         setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
335     },
336     
337     animate: function()
338     {
339         // $("log").innerHTML = "Val " + this.step_cur + " N: " + this.step_n + "<br>";
340         if (this.step_cur == 0) {
341             var date = new Date();
342             // $("logz").innerHTML = "Timestart: " + date + "<br>";
343         }
344         if (this.step_cur <= this.step_n) {
345             this.img.style.left = this.x0 + this.dx * this.step_cur;
346             this.img.style.top  = this.y0 + this.dy * this.step_cur;
347             this.step_cur++;
348             setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
349             if (this.step_cur == this.step_free && this.st != null) {
350                 if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
351                     // alert("QUI1  " + this.step_cur + "  ZZ  "+  this.step_free);
352                     this.st.st_loc++;
353                     this.st = null;
354                 }
355             }
356         }
357         else {
358             this.img.style.left = this.x1;
359             this.img.style.top  = this.y1;
360             // $("logz").innerHTML += "xxxxxxxxxxxxxxxCLEAR<br>";
361             var date = new Date();
362             // $("logz").innerHTML += "Timestop: " + date + "<br>";
363             if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
364                 // alert("QUI2");
365                 this.st.st_loc++;
366                 this.st = null;
367             }
368             if (this.action != null) {
369                 eval(this.action);
370             }
371             if (this.srcend != null) {
372                 this.img.src = this.srcend;
373             }
374         }
375     }
376 }
377
378 var asta_xarr = new Array(0,66,133);
379
380 /* TODO: impostare gli onclick */
381 function dispose_asta(idx, pnt)
382 {
383     var i, btn, pass;
384     
385     var btn;
386     for (i = 0 ; i < 10 ; i++) {
387         btn = $("asta"+i);
388         if (i < idx) {
389             btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
390             pass = -1;
391         }
392         else {
393             btn.src = "img/asta"+i+(pnt >= 0 ? "" : "_ro")+".png";
394             pass = i;
395         }
396         if (i < 19)
397             btn.style.left = asta_xarr[i % 3];
398         else
399             btn.style.left = asta_xarr[(i+1) % 3];
400         
401         btn.style.top  = parseInt(i / 3) * 50+1;
402         // btn.style.visibility  = "visible";
403         
404         if (pnt >= 0)
405             eval("btn.onclick = function () { act_asta("+pass+",61); }");
406         else
407             btn.onclick = null;
408     }
409     
410     
411     btn = $("astaptdiv");
412     btn.style.left = asta_xarr[i % 3];
413     btn.style.top = parseInt(i / 3) * 50;
414     // btn.style.visibility  = "visible";
415     
416     btn = $("astapt");
417     var rpnt = (pnt < 0 ? -pnt : pnt);
418     btn.value = (rpnt < 61 ? 61 : (rpnt > 120 ? 120 : rpnt));
419     
420     btn = $("astaptsub");
421     btn.style.left = asta_xarr[i % 3];
422     btn.style.top = 25 + parseInt(i / 3) * 50;;
423     btn.src = "img/astaptsub"+(pnt >= 0 ? "" : "_ro")+".png";
424     // btn.style.visibility  = "visible";
425     if (pnt >= 0)
426         btn.onclick = function () { act_asta(9,$("astapt").value); };
427     else
428         btn.onclick = null;
429     
430     i+=1;
431     btn = $("astapasso2");
432     btn.style.left = asta_xarr[i % 3];
433     btn.style.top = parseInt(i / 3) * 50;;
434     btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
435     // btn.style.visibility  = "visible";
436     if (pnt >= 0)
437         btn.onclick = function () { act_asta(-1,0); };
438     else
439         btn.onclick = null;
440     $("asta").style.visibility = "visible";
441 }
442
443 function hide_asta()
444 {
445     $("asta").style.visibility = "hidden"; 
446 }
447
448 function notify(st, ancestor, text, tout, butt)
449 {
450     var clo, box;
451     var t = this;
452     
453     this.st = st;
454     this.ancestor = ancestor;
455     
456     this.st.st_loc_new++;
457
458     clo = document.createElement("input");
459     clo.type = "submit";
460     clo.className = "button";
461     clo.value = butt;
462     clo.obj = this;
463     clo.onclick = this.input_hide;
464
465     box = document.createElement("div");
466     box.className = "notify";
467     box.innerHTML = text;
468     box.style.zIndex = 200;
469     box.appendChild(clo);
470     box.style.visibility = "visible";
471     
472     this.notitag = box;
473     
474     this.ancestor.appendChild(box);
475     
476     this.toutid = setTimeout(function(obj){ obj.unblock(); }, tout, this);
477 }
478
479 notify.prototype = {
480     ancestor: null,
481     st: null,
482     notitag: null,
483     toutid: null,
484     
485     unblock: function()
486     {
487         if (this.st.st_loc < this.st.st_loc_new) {
488             this.st.st_loc++;
489         }
490     },
491     
492     hide: function()
493     {
494         clearTimeout(this.toutid);
495         this.ancestor.removeChild(this.notitag);
496         this.unblock();
497     },
498
499     input_hide: function()
500     {
501         clearTimeout(this.obj.toutid);
502         this.obj.ancestor.removeChild(this.obj.notitag);
503         this.obj.unblock();
504     }
505 }
506         
507
508 function $(id) { 
509     return document.getElementById(id); 
510 }
511
512 function globst() {
513     this.st = -1;
514     this.st_loc = -1;
515     this.st_loc_new = -1;
516     this.comms  = new Array;
517 }
518
519
520
521 function remark_step()
522 {
523     var ct = $("remark").l_remct;
524     
525     if (ct != 0) {
526         ct++;
527         if (ct > 2)
528             ct = 1;
529         $("remark").className = "remark"+ct;
530         $("remark").l_remct = ct;
531         setTimeout(remark_step,500);
532     }
533     else
534         $("remark").className = "remark0";
535     
536     return;
537 }
538
539 function remark_on()
540 {
541     if ($("remark").l_remct == 0) {
542         $("remark").l_remct = 1;
543         setTimeout(remark_step,500);
544     }
545 }
546
547 function remark_off()
548 {
549     $("remark").l_remct = 0;
550     $("remark").className = "remark0";
551 }
552
553
554 function choose_seed(card)
555 {
556     var i;
557
558     $("chooseed").style.visibility = "visible";
559     for (i = 0 ; i < 4 ; i++) {
560         $("seed"+i).src = "img/"+i+""+card+".png";
561         seed=$("seed"+i);
562         eval("seed.onclick = function () { act_choose("+i+""+card+"); };");
563     }
564 }
565
566 function set_names(so,ea,ne,nw,we)
567 {
568 //    alert("EA: "+ea);
569     $("name").innerHTML = so; 
570     $("name_ea").innerHTML = ea;
571     $("name_ne").innerHTML = ne;
572     $("name_nw").innerHTML = nw;
573     $("name_we").innerHTML = we;
574     return;
575 }
576
577 var astat_suffix = new Array("","_ea","_ne","_nw","_we");
578
579 function show_astat(zer,uno,due,tre,qua)
580 {
581     var astat = new Array(zer,uno,due,tre,qua);
582
583     for (i = 0 ; i < PLAYERS_N ; i++) {
584         idx = (PLAYERS_N + i - table_pos) % PLAYERS_N;
585
586         if (astat[i] == -2) {
587             $("public"+astat_suffix[idx]).style.visibility = "hidden";
588         }
589         else if (astat[i] == -1) {
590             $("public"+astat_suffix[idx]).style.visibility = "visible";
591             $("pubacard"+astat_suffix[idx]).src = "img/astapasso.png";
592             $("pubapnt"+astat_suffix[idx]).innerHTML = "";
593             $("pubapnt"+astat_suffix[idx]).style.visibility = "hidden";
594         }
595         else if (astat[i] <= 10) {
596             $("public"+astat_suffix[idx]).style.visibility = "visible";
597             $("pubacard"+astat_suffix[idx]).src = "img/asta"+astat[i]+".png";
598             $("pubapnt"+astat_suffix[idx]).style.visibility = "hidden";
599         }
600         else if (astat[i] <= 120) {
601             $("public"+astat_suffix[idx]).style.visibility = "visible";
602             $("pubacard"+astat_suffix[idx]).src = "img/asta9.png";
603             $("pubapnt"+astat_suffix[idx]).style.visibility = "inherit"; // XXX VISIBLE
604             $("pubapnt"+astat_suffix[idx]).innerHTML = astat[i];
605         }
606     }
607 }
608
609 var fin = 0;
610
611 function table_init() {
612     var sux = new Array("", "_ea", "_ne", "_nw", "_we");
613
614     remark_off();
615
616     $("asta").style.visibility = "hidden";
617     $("caller").style.visibility = "hidden";
618     show_astat(-2,-2,-2,-2,-2);
619
620     for (i=0 ; i < 8 ; i++) {
621         Drag.init($("card" + i), card_mouseup_cb);
622         for (e = 0 ; e < PLAYERS_N ; e++)
623             $("card"+sux[e]+i).style.visibility = "hidden";
624     }
625     for (i=0 ; i < PLAYERS_N ; i++) {
626         $("takes"+sux[i]).style.visibility = "hidden";
627         }
628
629     for (i = 0 ; i < 8 ; i++) {
630         cards_pos[i] = i;
631         cards_ea_pos[i] = i;
632         cards_ne_pos[i] = i;
633         cards_nw_pos[i] = i;
634         cards_we_pos[i] = i;
635     }
636
637 }
638   
639
640
641 var chatt_lines = new Array();
642 var chatt_lines_n = 0;
643
644 /* PRO CHATT */
645 function chatt_sub(name,str)
646 {
647   // alert("ARRIVA NAME: "+ name + "  STR:"+str);
648   if (chatt_lines_n == 20) {
649     $("txt").innerHTML = "";
650     for (i = 0 ; i < 19 ; i++) {
651       chatt_lines[i] = chatt_lines[i+1];
652       $("txt").innerHTML += chatt_lines[i];
653     }
654     chatt_lines[i] = "<b>"+name+"</b> "+str+ "<br>";
655     $("txt").innerHTML += chatt_lines[i];
656   }
657   else {
658     chatt_lines[chatt_lines_n] = "<b>"+name+"</b> "+str+ "<br>";
659     $("txt").innerHTML += chatt_lines[chatt_lines_n];
660     chatt_lines_n++;
661   }
662   $("txt").innerHTML;
663   $("txt").scrollTop = 10000000;
664 }
665
666 /*
667  *  GESTIONE DEI COOKIES
668  */
669 function createCookie(name,value,hours,path) {
670         if (hours) {
671                 var date = new Date();
672                 date.setTime(date.getTime()+(hours*60*60*1000));
673                 var expires = "; expires="+date.toGMTString();
674         }
675         else var expires = "";
676         document.cookie = name+"="+value+expires+"; path="+path;
677 }
678
679 function readCookie(name) {
680         var nameEQ = name + "=";
681         var ca = document.cookie.split(';');
682         for(var i=0;i < ca.length;i++) {
683                 var c = ca[i];
684                 while (c.charAt(0)==' ') c = c.substring(1,c.length);
685                 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
686         }
687         return null;
688 }
689
690 function eraseCookie(name) {
691         createCookie(name,"",-1);
692 }
693
694 var onunload_times = 0;
695
696
697 function onunload_cb () {
698     var u = 0;
699     if (onunload_times == 0) {
700         var res = window.confirm("    Vuoi veramente abbandonare la briscola ?\n(clicca annulla o cancel se vuoi ricaricare la briscola)");
701         if (res == true) {
702             the_end = true; 
703             act_shutdown();
704             while (1) 
705                 u++;
706         }
707         else {
708             try {
709                 location = self.location;
710             } catch (e) {
711                 alert("Ripristino della briscola fallito, per non perdere la sessione ricaricare la pagina manualmente.");
712             }
713         }
714         onunload_times++;
715     }
716     
717     return(false);
718 }
719
720
721 function room_checkspace(emme,tables,inpe)
722 {
723     nome = "<b>";
724     for (i = 0 ; i < emme ; i++) 
725         nome += "m";
726     nome += "</b>";
727
728     alta = "";
729     for (i = 0 ; i < 5 ; i++) 
730         alta += nome+"<br>";
731
732     for (i = 0 ; i < tables ; i++) {
733         $("table"+i).innerHTML = alta;
734         $("table_act"+i).innerHTML = "<input type=\"button\" class=\"button\" name=\"xhenter"+i+"\"  value=\"Mi siedo.\" onclick=\"act_sitdown(1);\">";
735         }
736
737     stand = "<table class=\"table_standup\"><tbody><tr>";
738     for (i = 0 ; i < inpe ; i++) {
739         stand += "<td class=\"td_standup\">"+nome+"</td>";
740         if ((i+1) % 4 == 0) {
741             stand += "</tr><tr>";
742         }
743     }
744     stand += "</tr>";
745     $("standup").innerHTML = stand;
746
747     $("esco").innerHTML = "<input name=\"logout\" type=\"button\" value=\"Esco.\" onclick=\"window.onunload = null; act_logout();\" type=\"button\">";
748 }