merge with spawn branch
[brisk.git] / web / commons.js
index dcd5919..896d072 100644 (file)
@@ -1,7 +1,10 @@
 /*
  *  brisk - commons.js
  *
- *  Copyright (C) 2006 matteo.nastasi@milug.org
+ *  Copyright (C) 2006-2008 Matteo Nastasi
+ *                          mailto: nastasi@alternativeoutput.it 
+ *                                  matteo.nastasi@milug.org
+ *                          web: http://www.alternativeoutput.it
  *
  * This program is free software; you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  */
 
 var PLAYERS_N = 3;
+var EXIT_BAN_TIME = 900;
+var cookiepath = "/brisk/";
 
 function $(id) { return document.getElementById(id); }
 
+function getStyle(x,IEstyleProp, MozStyleProp) 
+{
+    if (x.currentStyle) {
+       var y = x.currentStyle[IEstyleProp];
+    } else if (window.getComputedStyle) {
+       var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(MozStyleProp);
+    }
+    return y;
+}
+
 /* replacement of setInterval on IE */
 (function(){
     /*if not IE, do nothing*/
@@ -60,10 +75,89 @@ function $(id) { return document.getElementById(id); }
            throw Error('setInterval Error\nInvalid function type');
        };
     };
+
+    /*Copy the default setTimeout behavior*/
+    var nativeSetTimeout = window.setTimeout;
+    window.setTimeout = function(fn,ms) {              
+       var param = [];
+       if(arguments.length <= 2)       {
+           return nativeSetTimeout(fn,ms);
+       }
+       else {
+           for(var i=2;i<arguments.length;i+=1) {
+               param[i-2] =  arguments[i];
+           }   
+       }
+       
+       if(typeof(fn)=='function') {
+           
+           return (function (fn,ms,param) {
+               var fo = function () {                                                          
+                   fn.apply(window,param);
+               };                      
+               return nativeSetTimeout(fo,ms); 
+           })(fn,ms,param);
+       }
+       else if(typeof(fn)=='string')
+       {
+           return  nativeSetTimeout(fn,ms);
+       }
+       else
+       {
+           throw Error('setTimeout Error\nInvalid function type');
+       };
+    };
+
 })()
 
+function addEvent(obj,type,fn)
+{
+    if (obj.addEventListener) {
+        obj.addEventListener( type, fn, false);
+    }
+    else if (obj.attachEvent) {
+        obj["e"+type+fn] = fn;
+        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
+        obj.attachEvent( "on"+type, obj[type+fn] );
+    }
+    else
+        throw new Error("Event registration not supported");
+}
+
+function removeEvent(obj,type,fn)
+{
+    if (obj.removeEventListener) {
+        obj.removeEventListener( type, fn, false );
+    }
+    else if (obj.detachEvent) {
+        obj.detachEvent( "on"+type, obj[type+fn] );
+        obj[type+fn] = null;
+        obj["e"+type+fn] = null;
+    }
+}
+
     // var card_pos = RANGE 0 <= x < cards_ea_n
 
+function show_bigpict(obj, act, x, y)
+{
+   var big, sfx;
+
+   if (arguments.length > 4)
+       sfx = arguments[4];
+   else
+       sfx = '';
+
+   big = $(obj.id+"_big"+sfx);
+   if (act == "over") {
+       big.style.left = obj.offsetLeft + x+"px";
+       big.style.top  = obj.offsetTop  + y+"px";
+       big.style.visibility = "visible";
+       }
+   else {
+       big.style.visibility = "hidden";
+       }
+}
+
 function rnd_int(min, max) {
   return Math.floor(Math.random() * (max - min + 1) + min);
 }
@@ -90,10 +184,12 @@ function reset_images()
 
 function update_images()
 {
+    //    if (g_imgct % 10 == 0) alert("g_imgct: "+g_imgct+" xx "+g_preload_img_arr[g_imgct]);
     $("imgct").innerHTML = "Immagini caricate "+g_preload_imgsz_arr[g_imgct]+"%.";
-    if (g_imgct < g_preload_img_arr.length)
-       setTimeout(preload_images, 100, g_preload_img_arr, g_imgct);
-    g_imgct++;
+    if (g_imgct+1 < g_preload_img_arr.length) {
+        g_imgct++;
+        setTimeout(preload_images, 100, g_preload_img_arr, g_imgct-1);
+    }
     // $("imgct").innerHTML += "U";
 }
 
@@ -130,11 +226,17 @@ function createXMLHttpRequest() {
 function send_mesg(mesg)
 {
     var xhr_wr = createXMLHttpRequest();
-    // xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+encodeURIComponent(mesg), true);
-    xhr_wr.open('GET', 'index_wr.php?sess='+sess+'&mesg='+mesg, true);
+    var is_conn = (sess == "not_connected" ? false : true);
+    
+    xhr_wr.open('GET', 'index_wr.php?'+(is_conn ? 'sess='+sess+'&' : '')+'mesg='+mesg, (is_conn ? true : false));
     xhr_wr.onreadystatechange = function() { return; };
     xhr_wr.send(null);
 
+    if (!is_conn) {
+        if (xhr_wr.responseText != null) {
+            eval(xhr_wr.responseText);
+        }
+    }
 }
 
 /* Stat: CHAT and TABLE */
@@ -209,22 +311,61 @@ function act_help()
     send_mesg("help");
 }
 
+function act_tav()
+{
+    act_chatt('/tav '+$('txt_in').value); 
+    $('txt_in').value = '';
+}
+
 function act_about()
 {
     send_mesg("about");
 }
 
+function act_roadmap()
+{
+    send_mesg("roadmap");
+}
+
+function act_whysupport()
+{
+    send_mesg("whysupport");
+}
+
+function act_exitlock()
+{
+    send_mesg("exitlock");
+}
+
 function safelogout()
+{
+    var res;
+    
+    if (g_exitlock < 2) 
+       res = window.confirm("Sei sicuro di volere abbandonare la partita?\nATTENZIONE: se esci adesso senza il consenso degli altri giocatori non potrai sederti ai tavoli per "+(Math.floor(EXIT_BAN_TIME/60))+" minuti.");    
+    else 
+       res = window.confirm("Sei sicuro di volere abbandonare la partita?");
+    if (res)
+       act_logout(g_exitlock);
+}
+
+function act_lascio()
+{
+    send_mesg("lascio");
+}
+
+function safelascio()
 {
     var res;
 
-    res = window.confirm("Sei sicuro di volere abbandonare la partita?");
+    res = window.confirm("Sei sicuro di volere lasciare questa mano?");
     if (res)
-       act_logout();
+       act_lascio();
 }
-function act_logout()
+
+function act_logout(exitlock)
 {
-    send_mesg("logout");
+    send_mesg("logout|"+exitlock);
 }
 
 function act_reload()
@@ -242,11 +383,6 @@ function act_shutdown()
        c++;
 }
 
-function act_preout()
-{
-    act_logout();
-}
-
 function postact_logout()
 {
     // alert("postact_logout");
@@ -281,9 +417,11 @@ function sleep(st, delay)
 function slowimg(img,x1,y1,deltat,free,action,srcend) {
     this.img = img;
 
-    this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
-    // alert("img.x0 = "+this.x0);
-    this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
+    // this.x0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("left"));
+    this.x0 = parseInt(getStyle(this.img,"left", "left"));
+// alert("img.x0 = "+this.x0);
+    // this.y0  = parseInt(document.defaultView.getComputedStyle(this.img, "").getPropertyValue("top"));
+    this.y0  = parseInt(getStyle(this.img,"top", "top"));
     this.x1  = x1;
     this.y1  = y1;
     this.deltat = deltat;
@@ -322,16 +460,19 @@ slowimg.prototype = {
        this.action = act;
     },
     
+
     settime: function(time) 
     {
-       this.time = time;
-       this.step_n = parseInt(time / this.deltat);
+       this.time = (time < this.deltat ? this.deltat : time);
+       this.step_n = parseInt(this.time / this.deltat);
        this.dx = (this.x1 - this.x0) / this.step_n;
        this.dy = (this.y1 - this.y0) / this.step_n;
-       if (this.step_n * this.deltat == time) {
+       if (this.step_n * this.deltat == this.time) {
            this.step_n--;
        }
-       this.step_free = parseInt(this.step_n * this.free);
+        if (this.free < 1) {
+            this.step_free = parseInt(this.step_n * this.free);
+        }
     },
     
     start: function(st)
@@ -357,7 +498,7 @@ slowimg.prototype = {
            this.step_cur++;
            setTimeout(function(obj){ obj.animate(); }, this.deltat, this);
            if (this.step_cur == this.step_free && this.st != null) {
-               if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
+               if (this.st.st_loc < this.st.st_loc_new) {
                    // alert("QUI1  " + this.step_cur + "  ZZ  "+  this.step_free);
                    this.st.st_loc++;
                    this.st = null;
@@ -370,14 +511,16 @@ slowimg.prototype = {
            // $("logz").innerHTML += "xxxxxxxxxxxxxxxCLEAR<br>";
            var date = new Date();
            // $("logz").innerHTML += "Timestop: " + date + "<br>";
+
+           if (this.action != null) {
+               eval(this.action);
+           }
+
            if (this.st != null && this.st.st_loc < this.st.st_loc_new) {
                // alert("QUI2");
                this.st.st_loc++;
                this.st = null;
            }
-           if (this.action != null) {
-               eval(this.action);
-           }
            if (this.srcend != null) {
                this.img.src = this.srcend;
            }
@@ -385,22 +528,24 @@ slowimg.prototype = {
     }
 }
 
-var asta_xarr = new Array(0,66,133);
+var asta_xarr = new Array(0,66,132);
 
 /* TODO: impostare gli onclick */
-function dispose_asta(idx, pnt)
+function dispose_asta(idx, pnt, nopoint)
 {
     var i, btn, pass;
-    
     var btn;
+
     for (i = 0 ; i < 10 ; i++) {
        btn = $("asta"+i);
        if (i < idx) {
            btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
+            btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
            pass = -1;
        }
        else {
            btn.src = "img/asta"+i+(pnt >= 0 ? "" : "_ro")+".png";
+            btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
            pass = i;
        }
        if (i < 19)
@@ -408,19 +553,22 @@ function dispose_asta(idx, pnt)
        else
            btn.style.left = asta_xarr[(i+1) % 3];
        
-       btn.style.top  = parseInt(i / 3) * 50+1;
-       // btn.style.visibility  = "visible";
-       
-       if (pnt >= 0)
+       btn.style.top  = parseInt(i / 3) * 50 + (i == 9 ? 0 : 1);
+
+       if (pnt >= 0) {
            eval("btn.onclick = function () { act_asta("+pass+",61); }");
-       else
+           btn.style.cursor = "pointer";
+       }
+       else {
            btn.onclick = null;
+           btn.style.cursor = "default";
+       }
     }
     
     
     btn = $("astaptdiv");
     btn.style.left = asta_xarr[i % 3];
-    btn.style.top = parseInt(i / 3) * 50;
+    btn.style.top = parseInt(i / 3) * 50 - 2;
     // btn.style.visibility  = "visible";
     
     btn = $("astapt");
@@ -429,27 +577,67 @@ function dispose_asta(idx, pnt)
     
     btn = $("astaptsub");
     btn.style.left = asta_xarr[i % 3];
-    btn.style.top = 25 + parseInt(i / 3) * 50;;
+    btn.style.top = 25 + parseInt(i / 3) * 50 - 1;
     btn.src = "img/astaptsub"+(pnt >= 0 ? "" : "_ro")+".png";
-    // btn.style.visibility  = "visible";
-    if (pnt >= 0)
+    btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
+    if (pnt >= 0) {
        btn.onclick = function () { act_asta(9,$("astapt").value); };
-    else
+       btn.style.cursor = "pointer";
+    }
+    else {
        btn.onclick = null;
+       btn.style.cursor = "default";
+    }
     
     i+=1;
-    btn = $("astapasso2");
-    btn.style.left = asta_xarr[i % 3];
-    btn.style.top = parseInt(i / 3) * 50;;
-    btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
-    // btn.style.visibility  = "visible";
-    if (pnt >= 0)
-       btn.onclick = function () { act_asta(-1,0); };
-    else
+    if (nopoint) {
+       btn = $("astapasso");
+       btn.style.left = asta_xarr[i % 3];
+       btn.style.top = parseInt(i / 3) * 50;
+       btn.src = "img/astapashalf"+(pnt >= 0 ? "" : "_ro")+".png";
+        btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
+       if (pnt >= 0) {
+           btn.onclick = function () { act_asta(-1,0); };
+       }
+       else {          
+           btn.onclick = null;
+       }
+
+       btn = $("astalascio");
+       btn.style.left = asta_xarr[i % 3];
+       btn.style.top = parseInt(i / 3) * 50 + 24;
+       btn.src = "img/astalascio.png";
+       btn.style.visibility = "visible";
+       btn.onclick = function () { safelascio(); };
+       }
+    else {
+       btn = $("astapasso");
+       btn.style.left = asta_xarr[i % 3];
+       btn.style.top = parseInt(i / 3) * 50;;
+       btn.src = "img/astapasso"+(pnt >= 0 ? "" : "_ro")+".png";
+        btn.style.cursor = (pnt >= 0 ? "pointer" : "default");
+       if (pnt >= 0) {
+           btn.onclick = function () { act_asta(-1,0); };
+       }
+       else {
+           btn.onclick = null;
+       }
+
+       btn = $("astalascio");
+       btn.style.visibility = "hidden";
        btn.onclick = null;
+    }
+    // btn.style.visibility  = "visible";
     $("asta").style.visibility = "visible";
 }
 
+function asta_pnt_set(pnt)
+{
+    btn = $("astapt");
+    var rpnt = (pnt < 0 ? -pnt : pnt);
+    btn.value = (rpnt < 61 ? 61 : (rpnt > 120 ? 120 : rpnt));
+}
+
 function hide_asta()
 {
     $("asta").style.visibility = "hidden"; 
@@ -484,6 +672,7 @@ function notify(st, text, tout, butt, w, h)
     box.innerHTML = text;
     box.style.zIndex = 200;
     box.style.width  = w+"px";
+    box.style.marginLeft  = -parseInt(w/2)+"px";
     box.style.height = h+"px";
     box.appendChild(clodiv);
     box.style.visibility = "visible";
@@ -586,15 +775,15 @@ function set_names(so,ea,ne,nw,we)
 {
 //    alert("EA: "+ea);
     $("name").innerHTML = so; 
-    $("name").title = so
+    $("name").title = unescapeHTML(so)
     $("name_ea").innerHTML = ea;
-    $("name_ea").title = ea;
+    $("name_ea").title = unescapeHTML(ea);
     $("name_ne").innerHTML = ne;
-    $("name_ne").title = ne;
+    $("name_ne").title = unescapeHTML(ne);
     $("name_nw").innerHTML = nw;
-    $("name_nw").title = nw;
+    $("name_nw").title = unescapeHTML(nw);
     $("name_we").innerHTML = we;
-    $("name_we").title = we;
+    $("name_we").title = unescapeHTML(we);
 
     return;
 }
@@ -631,23 +820,36 @@ function show_astat(zer,uno,due,tre,qua)
     }
 }
 
+function exitlock_show(num, islock)
+{
+    g_exitlock = num;
+
+    num = (num < 3 ? num : 3);
+    $("exitlock").src = "img/exitlock"+num+(islock ? "n" : "y")+".png";
+    // alert("EXITLOCK: "+$("exitlock").src);
+    $("exitlock").style.visibility = "visible";
+}
+
 var fin = 0;
 
+//    exitlock_show(0, true);
+
 function table_init() {
     var sux = new Array("", "_ea", "_ne", "_nw", "_we");
 
-    remark_off();
+    // console.log("table_init");
 
+    remark_off();
     $("asta").style.visibility = "hidden";
     $("caller").style.visibility = "hidden";
     show_astat(-2,-2,-2,-2,-2);
-
     for (i=0 ; i < 8 ; i++) {
        Drag.init($("card" + i), card_mouseup_cb);
        for (e = 0 ; e < PLAYERS_N ; e++)
            $("card"+sux[e]+i).style.visibility = "hidden";
     }
     for (i=0 ; i < PLAYERS_N ; i++) {
+        // console.log("shut: "+"takes"+sux[i]);
        $("takes"+sux[i]).style.visibility = "hidden";
        }
 
@@ -671,6 +873,13 @@ var CHATT_MAXLINES = 40;
 /* PRO CHATT */
 function chatt_sub(name,str)
 {
+    var must_scroll = false;
+
+    // alert ($("txt").scrollTop + parseInt(getStyle($("txt"),"height", "height")) -  $("txt").scrollHeight);
+
+  if ($("txt").scrollTop + parseInt(getStyle($("txt"),"height", "height")) -  $("txt").scrollHeight >= 0)
+      must_scroll = true;
+
   // alert("ARRIVA NAME: "+ name + "  STR:"+str);
   if (chatt_lines_n == CHATT_MAXLINES) {
     $("txt").innerHTML = "";
@@ -686,8 +895,13 @@ function chatt_sub(name,str)
     $("txt").innerHTML += chatt_lines[chatt_lines_n];
     chatt_lines_n++;
   }
-  $("txt").innerHTML;
-  $("txt").scrollTop = 10000000;
+  // $("txt").innerHTML;
+
+
+  if (must_scroll) {
+      $("txt").scrollTop = 10000000;
+  }
+  // alert("scTOP "+$("txt").scrollTop+"  scHEIGHT: "+$("txt").scrollHeight+" HEIGHT: "+getStyle($("txt"),"height", "height") );
 }
 
 /*
@@ -763,7 +977,7 @@ function room_checkspace(emme,tables,inpe)
 
     stand = "<table class=\"table_standup\"><tbody><tr>";
     for (i = 0 ; i < inpe ; i++) {
-       stand += "<td class=\"td_standup\">"+nome+"</td>";
+       stand += "<td>"+nome+"</td>";
        if ((i+1) % 4 == 0) {
            stand += "</tr><tr>";
        }
@@ -771,5 +985,66 @@ function room_checkspace(emme,tables,inpe)
     stand += "</tr>";
     $("standup").innerHTML = stand;
 
-    $("esco").innerHTML = "<input name=\"logout\" type=\"button\" value=\"Esco.\" onclick=\"window.onunload = null; act_logout();\" type=\"button\">";
+    $("esco").innerHTML = "<input class=\"button\" name=\"logout\" type=\"button\" value=\"Esco.\" onclick=\"window.onunload = null; act_logout();\" type=\"button\">";
+}
+
+function  unescapeHTML(cont) {
+    var div = document.createElement('div');
+    var memo = "";
+    var i;
+
+    div.innerHTML = cont;
+    if (div.childNodes[0]) {
+        if (div.childNodes.length > 1) {
+            if (div.childNodes.toArray)
+                alert("si puo");
+            else {
+                var length = div.childNodes.length, results = new Array(length);
+            while (length--)
+                results[length] = div.childNodes[length];
+                
+            for (i=0 ; i<results.length ; i++)
+               memo = memo + results[i].nodeValue;
+            }
+
+            return (memo);
+        }
+        else {
+            return (div.childNodes[0].nodeValue);
+        }
+    }
+    else {
+        return ('');
+    }
+}
+
+function playsound(tag, sound) {
+   // g_withflash is a global var
+   if (g_withflash) {
+      $(tag).innerHTML = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '+
+'codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" id="mysound" WIDTH=1 HEIGHT=1>' +
+'<PARAM NAME="movie" VALUE="../playsound.swf"><PARAM NAME="PLAY" VALUE="true"><PARAM NAME="LOOP" VALUE="false">' +
+'<PARAM NAME=FlashVars VALUE="streamUrl='+sound+'">' +
+'<EMBED swliveconnect="true" name="mysound" src="../playsound.swf" FlashVars="streamUrl='+sound+'" PLAY="true" LOOP="false" '+
+' WIDTH=1 HEIGHT=1 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></OBJECT>';
+   }
+}
+
+function topbanner_init()
+{
+//    setInterval(topbanner_cb, 666);
+;
+}
+
+function topbanner_cb()
+{
+    var a, b;
+
+    a = $('topbanner').style.backgroundColor;
+    b = $('topbanner').style.borderLeftColor;
+
+    $('topbanner').style.backgroundColor = b;
+    $('topbanner').style.borderColor = a+" "+a+" "+a+" "+a;
+
+    // console.log("A: "+a+"  B: "+b);
 }