web/briskin5/dnd.js

   1 /*
   2  *  brisk - dnd.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 /* number of players */
  24 var PLAYERS_N = 3;
  25 /* initial number of cards in hand */
  26 var CARD_HAND = 3;
  27 /* current manche */
  28 var manche = 1;
  29 /* cards on hands */
  30 var cards_n;
  31 /* is my time */
  32 var is_my_time = false;
  33 /* number of takes cards */
  34 var takes_n;
  35
  36 var cards_ea_n;
  37 var takes_ea_n;
  38
  39 var cards_ne_n;
  40 var takes_ne_n;
  41
  42 var cards_nw_n;
  43 var takes_nw_n;
  44
  45 var cards_we_n;
  46 var takes_we_n;
  47
  48 /* width of images */
  49 /*
  50 var cards_width = 55 + 2;
  51 var cards_width_d2 =  27;
  52 */
  53
  54 /* height of images */
  55 /*
  56 var cards_height = 101 + 2;
  57 var cards_height_d2 =   51;
  58 */
  59
  60 /* width of images */
  61 var cards_width = 75 + 2;
  62 var cards_width_d2 =  37;
  63
  64 /* height of images */
  65 var cards_height = 121 + 2;
  66 var cards_height_d2 =   61;
  67
  68 /* width of hands area */
  69 var hands_width = 400;
  70
  71 /* width of the border */
  72 var border_width = 10;
  73
  74 /* time to send a card to the player 10 or 250 */
  75 var G_send_time = 250;
  76 var G_play_time = 500;
  77 var G_take_time = 500;
  78
  79 /* suffix to add to images name */
  80 var sux = new Array( "", "_ea", "", "", "_we");
  81
  82 var cards_pos = new Array (CARD_HAND);
  83 var cards_ea_pos = new Array (CARD_HAND);
  84 var cards_ne_pos = new Array (CARD_HAND);
  85 var cards_nw_pos = new Array (CARD_HAND);
  86 var cards_we_pos = new Array (CARD_HAND);
  87
  88 var take_x = new Array(562, 745, 452, 30, 52);
  89 var take_y = new Array(545, 177,  70, 62,155);
  90
  91 for (i = 0 ; i < CARD_HAND ; i++) {
  92     cards_pos[i] = i;
  93     cards_ea_pos[i] = i;
  94     cards_ne_pos[i] = i;
  95     cards_nw_pos[i] = i;
  96     cards_we_pos[i] = i;
  97 }
  98 function $(id) { return document.getElementById(id); }
  99
 100 function cards_dispose_so(car_n, tak_n)
 101 {
 102     if (tak_n > 0) {
 103         delta = 80;
 104         $("takes").style.left = 200 + 400 - 90 + ((90 - cards_width) /  2);
 105         $("takes").style.top  = 475 + (125 - cards_height)/2;
 106         $("takes").style.zIndex = 1;
 107         $("takes").style.visibility = "visible";
 108     }
 109     else
 110         delta = 0;
 111
 112
 113     disp = 400 - delta - (2 * border_width);
 114     if (car_n > 1) {
 115         inter = parseInt((disp  - cards_width) / (car_n - 1));
 116         if (inter > cards_width)
 117             inter = cards_width;
 118     }
 119     else
 120         inter = 0;
 121     wcard = cards_width + inter * (car_n - 1);
 122     start = 200 + border_width + (400 - border_width - border_width - wcard - delta) / 2;
 123
 124     for (i = 0 ; i < car_n ; i++) {
 125         $("card" + cards_pos[i]).style.left = start + (i * inter);
 126         $("card" + cards_pos[i]).style.top  = 475 + (125 - cards_height)/2;
 127         $("card" + cards_pos[i]).style.zIndex = CARD_HAND - i;
 128         $("card" + cards_pos[i]).style.visibility = "visible";
 129     }
 130
 131     cards_n = car_n;
 132     takes_n = tak_n;
 133
 134     return (0);
 135 }
 136
 137 function cards_dispose_ne(car_n, tak_n) {
 138     // tak_n = 2;
 139
 140     if (tak_n > 0) {
 141         delta = 80;
 142         $("takes_ne").style.left = 800 - cards_width - 400 + 90 - ((90 - cards_width) /  2);
 143         $("takes_ne").style.top  = (125 - cards_height)/2;
 144         $("takes_ne").style.zIndex = 1;
 145         $("takes_ne").style.visibility = "visible";
 146     }
 147     else
 148         delta = 0;
 149
 150
 151     disp = 400 - delta - (2 * border_width);
 152     if (car_n > 1) {
 153         inter = parseInt((disp  - cards_width) / (car_n - 1));
 154         if (inter > cards_width)
 155             inter = cards_width;
 156     }
 157     else
 158         inter = 0;
 159     wcard = cards_width + inter * (car_n - 1);
 160     start = 800 - cards_width - border_width - (400 - border_width - border_width - wcard - delta) / 2;
 161
 162     list = "LIST: ";
 163     for (i = 0 ; i < car_n ; i++) {
 164         $("card_ne" + cards_ne_pos[i]).style.left = start - ((car_n - i -1) * inter);
 165         $("card_ne" + cards_ne_pos[i]).style.top  = (125 - cards_height)/2;
 166         $("card_ne" + cards_ne_pos[i]).style.zIndex = 8-i;
 167         $("card_ne" + cards_ne_pos[i]).style.visibility = "visible";
 168     }
 169
 170     cards_ne_n = car_n;
 171     takes_ne_n = tak_n;
 172
 173     return (0);
 174 }
 175
 176 function cards_dispose_nw(car_n, tak_n) {
 177     // tak_n = 2;
 178
 179     if (tak_n > 0) {
 180         delta = 80;
 181         $("takes_nw").style.left = 400 - cards_width - 400 + 90 - ((90 - cards_width) /  2);
 182         $("takes_nw").style.top  = (125 - cards_height)/2;
 183         $("takes_nw").style.zIndex = 1;
 184         $("takes_nw").style.visibility = "visible";
 185     }
 186     else
 187         delta = 0;
 188
 189
 190     disp = 400 - delta - (2 * border_width);
 191     if (car_n > 1) {
 192         inter = parseInt((disp  - cards_width) / (car_n - 1));
 193         if (inter > cards_width)
 194             inter = cards_width;
 195     }
 196     else
 197         inter = 0;
 198     wcard = cards_width + inter * (car_n - 1);
 199     // start = 0 + delta + border_width + (400 - border_width - border_width - wcard - delta) / 2;
 200     start = 400 - cards_width - border_width - (400 - border_width - border_width - wcard - delta) / 2;
 201
 202     list = "LIST: ";
 203     for (i = 0 ; i < car_n ; i++) {
 204         $("card_nw" + cards_nw_pos[i]).style.left = start - ((car_n-i-1) * inter);
 205         $("card_nw" + cards_nw_pos[i]).style.top  = (125 - cards_height)/2;
 206         $("card_nw" + cards_nw_pos[i]).style.zIndex = (8-i);
 207         $("card_nw" + cards_nw_pos[i]).style.visibility = "visible";
 208         // alert("xx "+start + (i * inter)+" yy " + (125 - cards_height)/2);
 209     }
 210
 211     cards_nw_n = car_n;
 212     takes_nw_n = tak_n;
 213
 214     return (0);
 215 }
 216
 217 function cards_dispose_ea(car_n, tak_n) {
 218     if (tak_n > 0) {
 219         delta = 80;
 220         $("takes_ea").style.left = 675 + (125 - cards_height)/2;
 221         $("takes_ea").style.top  = 125 + ((90 - cards_width) /  2);
 222         $("takes_ea").style.zIndex = 1;
 223         $("takes_ea").style.visibility = "visible";
 224     }
 225     else
 226         delta = 0;
 227
 228     disp = 400 - delta - (2 * border_width);
 229     if (car_n > 1) {
 230         inter = parseInt((disp  - cards_width) / (car_n - 1));
 231         if (inter > cards_width)
 232             inter = cards_width;
 233     }
 234     else
 235         inter = 0;
 236     wcard = cards_width + inter * (car_n - 1);
 237     start = 125 + delta + border_width + (400 - border_width - border_width - wcard - delta) / 2;
 238
 239     list = "LIST: ";
 240     // console.log(car_n);
 241     for (i = 0 ; i < car_n ; i++) {
 242         $("card_ea" + cards_ea_pos[i]).style.left = 675 + (125 - cards_height)/2;
 243         $("card_ea" + cards_ea_pos[i]).style.top  = start + (i * inter);
 244         $("card_ea" + cards_ea_pos[i]).style.zIndex = CARD_HAND - i;
 245         $("card_ea" + cards_ea_pos[i]).style.visibility = "visible";
 246         // alert("xx "+ (675 + (125 - cards_height)/2) +" yy " + start + (i * inter));
 247     }
 248
 249     cards_ea_n = car_n;
 250     takes_ea_n = tak_n;
 251
 252     return (0);
 253 }
 254
 255 function cards_dispose_we(car_n, tak_n)
 256 {
 257     if (tak_n > 0) {
 258         delta = 80;
 259         $("takes_we").style.left = (125 - cards_height)/2;
 260         // $("takes_we").style.top  = 125 + 400 - 90 + ((90 - cards_width) /  2);
 261         $("takes_we").style.top  = 525 - cards_width - 400 + 90 - ((90 - cards_width) /  2);
 262         $("takes_we").style.zIndex = 1;
 263         $("takes_we").style.visibility = "visible";
 264     }
 265     else
 266         delta = 0;
 267
 268     /* pixel a disposizione per mettere le carte: 400 - delta - 2 bordi */
 269     disp = 400 - delta - (2 * border_width);
 270     /* se c'e' piu' di una carta calcola di quanti pixel devono rimanere scoperte le carte dopo la prima */
 271     if (car_n > 1) {
 272         inter = parseInt((disp  - cards_width) / (car_n - 1));
 273         if (inter > cards_width)
 274             inter = cards_width;
 275     }
 276     else
 277         inter = 0;
 278
 279     /* dopo avere fatto tutti i conti ricalcola quanti pixel effettivamente verranno occupati dalle carte */
 280     wcard = cards_width + inter * (car_n - 1);
 281
 282     /* calcola il punto d'inizio da dove disporre le carte: DELTAY + lo spessore del bordo + la meta' di quello
 283        che resta della larghezza totale meno tutti gli altri ingombri */
 284     // start = 125 + border_width + (400 - border_width - border_width - wcard - delta) / 2;
 285     start = 525 - cards_width - border_width - (400 - border_width - border_width - wcard - delta) / 2;
 286
 287     for (i = 0 ; i < car_n ; i++) {
 288         $("card_we" + cards_we_pos[i]).style.left = (125 - cards_height)/2;
 289         $("card_we" + cards_we_pos[i]).style.top  = start - (i * inter);
 290         $("card_we" + cards_we_pos[i]).style.zIndex = CARD_HAND - i;
 291         $("card_we" + cards_we_pos[i]).style.visibility = "visible";
 292     }
 293
 294     cards_we_n = car_n;
 295     takes_we_n = tak_n;
 296
 297     return (0);
 298 }
 299
 300 var cards_dispose_arr = new Array(cards_dispose_so, cards_dispose_ea,
 301                                   cards_dispose_ne, cards_dispose_nw,
 302                                   cards_dispose_we);
 303
 304 function cards_dispose(player_pos, cards, takes)
 305 {
 306     var idx = (player_pos - table_pos + PLAYERS_N) % PLAYERS_N;
 307
 308     return (cards_dispose_arr[idx](cards,takes));
 309 }
 310
 311
 312
 313
 314 function card_mouseup_cb(o) {
 315     var idx = o.id.substring(4);
 316     var briskid = o.briskid;
 317     var delta, disp;
 318     var wcard;
 319     var start;
 320     var old_idx;
 321     var tst;
 322     /* case swap in the group */
 323
 324     // alert("mouseup");
 325     if (parseInt(o.style.top) > 475 &&
 326         parseInt(o.style.left) >= 200 && parseInt(o.style.left) < 600) {
 327         /* Rearrange cards */
 328
 329         // $("sandbox3").innerHTML = "REARRANGE: "+idx;
 330
 331         if (takes_n > 0)
 332             delta = 80;
 333         else
 334             delta = 0;
 335
 336         /* found the associated index of the current card. */
 337         for (i = 0 ; i < cards_n ; i++)
 338             if (cards_pos[i] == idx)
 339                 break;
 340         old_idx = i;
 341
 342         disp = 400 - delta - (2 * border_width);
 343         if (cards_n > 1) {
 344             inter = parseInt((disp  - cards_width) / (cards_n - 1));
 345             if (inter > cards_width)
 346                 inter = cards_width;
 347         }
 348         else
 349             inter = 0;
 350         wcard = cards_width + inter * (cards_n - 1);
 351         start = 200 + border_width + (400 - border_width - border_width - wcard - delta) / 2;
 352
 353         for (i = 0 ; i < cards_n ; i++) {
 354             /* $("sandbox").innerHTML =  */
 355             // alert( "LEFT: " + o.style.left  + "VALUE " + (cards_width + start + (i * (cards_width / 2))));
 356             // $("sandbox3").innerHTML += "<br>LEFT: "+parseInt(o.style.left)+"  START["+i+"]: "+(start + ((i+1) * inter));
 357             if (i < cards_n - 1)
 358                 tst = (parseInt(o.style.left) < start + ((i+1) * inter));
 359             else
 360                 tst = (parseInt(o.style.left) > start + (i * inter));
 361             if (tst) {
 362                 // $("sandbox2").innerHTML = "old: " +old_idx+ " i: " +i+ "left: " + parseInt(o.style.left) + "comp: " + (start + (cards_width / 2) + (i * (cards_width / 2)));
 363
 364                 if (i == old_idx)
 365                     break;
 366                 if (i > old_idx) {
 367                     /* moved to right */
 368                     for (e = old_idx ; e < i ; e++)
 369                         cards_pos[e] = cards_pos[e+1];
 370                 }
 371                 if (i < old_idx) {
 372                     /* moved to left */
 373                     for (e = old_idx ; e > i ; e--)
 374                         cards_pos[e] = cards_pos[e-1];
 375                 }
 376                 cards_pos[i] = idx;
 377                 break;
 378             }
 379         }
 380
 381         cards_dispose_so(cards_n,takes_n);
 382
 383         return (0);
 384     }
 385     else if (is_my_time &&
 386              parseInt(o.style.top) >= 250 &&
 387              parseInt(o.style.top) + cards_height < 450 &&
 388              parseInt(o.style.left) >= 300 &&
 389              (parseInt(o.style.left) + cards_width) < 500) {
 390         /* Played card */
 391
 392         $("sandbox2").innerHTML = "PLAYED";
 393
 394         for (i = 0 ; i < cards_n ; i++) {
 395             if (cards_pos[i] == idx) {
 396                 /* $("sandbox").innerHTML = "Pippo: "+ i; */
 397                 for (e = i ; e < cards_n-1 ; e++) {
 398                     cards_pos[e] = cards_pos[e+1];
 399                 }
 400                 cards_pos[cards_n-1] = idx;
 401                 cards_n--;
 402                 cards_dispose_so(cards_n, takes_n);
 403
 404                 is_my_time = false;
 405                 act_play(briskid,o.style.left,o.style.top);
 406                 return (1);
 407             }
 408         }
 409         cards_dispose_so(cards_n, takes_n);
 410
 411         return (0);
 412     }
 413     else {
 414         $("sandbox2").innerHTML = "TO ORIGINAL";
 415         /* alert("out card " + parseInt(o.style.top)); */
 416         /* return to the original position */
 417         cards_dispose_so(cards_n, takes_n);
 418
 419         return (0);
 420     }
 421 }
 422
 423 /* CARD_SEND */
 424 function card_send_so(id,card,free,ct)
 425 {
 426     var img = $("card"+id);
 427     img.src = getcard(-1,0);
 428     img.briskid = card;
 429
 430     img.style.left = 400 - cards_width_d2;
 431     img.style.top  = 300 - cards_height_d2;
 432     img.style.zIndex = 100;
 433
 434     var movimg = new slowimg(img,400 - cards_width / 2,475 + (125 - cards_height)/2,25,free,"cards_dispose_so("+ct+", 0)",getcard(card,0));
 435     movimg.settime(G_send_time);
 436     movimg.start(gst);
 437 }
 438
 439 function card_send_ea(id,card,free,ct)
 440 {
 441     var img = $("card_ea"+id);
 442     img.src = getcard(card,1);
 443     img.briskid = card;
 444
 445     img.style.left = 400 - cards_height_d2;
 446     img.style.top  = 300 - cards_width_d2;
 447     img.style.zIndex = 100;
 448
 449     var movimg = new slowimg(img,686,296,25,free,"cards_dispose_ea("+ct+", 0);",getcard(card,1));
 450     movimg.settime(G_send_time);
 451     movimg.start(gst);
 452 }
 453
 454 function card_send_ne(id,card,free,ct)
 455 {
 456     var img = $("card_ne"+id);
 457     img.src = getcard(card,2);
 458     img.briskid = card;
 459
 460     img.style.left = 400 - cards_width_d2;
 461     img.style.top  = 300 - cards_height_d2;
 462     img.style.zIndex = 100;
 463
 464     var movimg = new slowimg(img,571,11,25,free,"cards_dispose_ne("+ct+", 0);",getcard(card,2));
 465     movimg.settime(G_send_time);
 466     movimg.start(gst);
 467 }
 468
 469 function card_send_nw(id,card,free,ct)
 470 {
 471     var img = $("card_nw"+id);
 472     img.src = getcard(card,3);
 473     img.briskid = card;
 474
 475     img.style.left = 400 - cards_width_d2;
 476     img.style.top  = 300 - cards_height_d2;
 477     img.style.zIndex = 100;
 478
 479     var movimg = new slowimg(img,171,11,25,free,"cards_dispose_nw("+ct+", 0);",getcard(card,3));
 480     movimg.settime(G_send_time);
 481     movimg.start(gst);
 482 }
 483
 484 function card_send_we(id,card,free,ct)
 485 {
 486     var img = $("card_we"+id);
 487     img.src = getcard(card,4);
 488     img.briskid = card;
 489
 490     if (id < 0 || id > 39)
 491         alert("ID ERRATO"+id);
 492
 493     img.style.left = 400 - cards_height_d2;
 494     img.style.top  = 300 - cards_width_d2;
 495     img.style.zIndex = 100;
 496     var movimg = new slowimg(img,11,296,25,free,"cards_dispose_we("+ct+", 0);",getcard(card,4));
 497     movimg.settime(G_send_time);
 498     movimg.start(gst);
 499 }
 500
 501 var card_send_arr = new Array(card_send_so, card_send_ea,
 502                               card_send_ne, card_send_nw,
 503                               card_send_we);
 504
 505 function card_send(player_pos,id,card,free,ct)
 506 {
 507     var idx = (player_pos - table_pos + PLAYERS_N) % PLAYERS_N;
 508
 509     card_send_arr[idx](id,card,free,ct);
 510 }
 511
 512 function getcard(card,pos_id)
 513 {
 514     if (card < 0)
 515         return ("img/cover"+sux[pos_id]+".png");
 516     else if (card < 10)
 517         return ("img/0"+card+sux[pos_id]+".png");
 518     else
 519         return ("img/"+card+sux[pos_id]+".png");
 520 }
 521
 522 function card_setours(zer,uno,due,tre,qua,cin,sei,set)
 523 {
 524     var i;
 525     var arg = new Array(zer,uno,due,tre,qua,cin,sei,set);
 526
 527     for (i = 0 ; i < CARD_HAND ; i++) {
 528         var id = (arg[i] < 10 ? '0' + arg[i] : '' + arg[i]);
 529         $("card"+i).setAttribute('data-card-id', id);
 530         $("card"+i).briskid = arg[i];
 531     }
 532 }
 533
 534 /* CARD_PLAY_SO */
 535
 536 function card_play_so(card_idx, x, y)
 537 {
 538     alert("card_play_so: unreachable function.");
 539 }
 540
 541 /* CARD_PLAY_EA */
 542 function card_postplay_ea(card_pos)
 543 {
 544     var img = $("card_ea"+card_pos);
 545
 546     img.className = "";
 547     for (i = 0 ; i < cards_ea_n ; i++) {
 548         if (cards_ea_pos[i] == card_pos) {
 549             for (e = i ; e < cards_ea_n-1 ; e++) {
 550                 cards_ea_pos[e] = cards_ea_pos[e+1];
 551             }
 552             cards_ea_pos[cards_ea_n-1] = card_pos;
 553             cards_ea_n--;
 554             cards_dispose_ea(cards_ea_n, takes_ea_n);
 555             break;
 556         }
 557     }
 558 }
 559
 560 function card_play_ea(card_idx, x, y)
 561 {
 562     // var card_pos = RANGE 0 <= x < cards_ea_n
 563     var card_pos = rnd_int(0,cards_ea_n-1);
 564     var img = $("card_ea"+cards_ea_pos[card_pos]);
 565     // alert("IMMO CON "+cards_ea_pos[card_pos]);
 566     var newname = getcard(card_idx,1);
 567     var x1, y1;
 568
 569     x1 = 500 + ((y-250) * (125 - cards_height) / (200 - cards_height));
 570     y1 = 450 - cards_width - (x - 300);
 571
 572     var movimg = new slowimg(img, x1, y1, 25, 1, "card_postplay_ea("+cards_ea_pos[card_pos]+");", newname);
 573     movimg.settime(G_play_time);
 574     movimg.start(gst);
 575 }
 576
 577 /* CARD_PLAY_NE */
 578 function card_postplay_ne(obj,card_pos)
 579 {
 580     var img = $("card_ne"+card_pos);
 581
 582     img.className = "";
 583
 584     for (i = 0 ; i < cards_ne_n ; i++) {
 585         if (cards_ne_pos[i] == card_pos) {
 586             for (e = i ; e < cards_ne_n-1 ; e++) {
 587                 cards_ne_pos[e] = cards_ne_pos[e+1];
 588             }
 589             cards_ne_pos[cards_ne_n-1] = card_pos;
 590             cards_ne_n--;
 591             cards_dispose_ne(cards_ne_n, takes_ne_n);
 592             break;
 593         }
 594     }
 595 }
 596
 597 function card_play_ne(card_idx, x, y)
 598 {
 599     var card_pos = rnd_int(0,cards_ne_n-1);
 600     var img = $("card_ne"+cards_ne_pos[card_pos]);
 601     var newname = getcard(card_idx,2);
 602     var x1, y1;
 603
 604     x1 = 600 - cards_width - (x - 300);
 605     y1 = 250 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 606
 607     var movimg = new slowimg(img, x1, y1, 25, 1, "card_postplay_ne(this,"+cards_ne_pos[card_pos]+");", newname);
 608     movimg.settime(G_play_time);
 609     movimg.start(gst);
 610 }
 611
 612 /* CARD_PLAY_NW */
 613 function card_postplay_nw(card_pos)
 614 {
 615     var img = $("card_nw"+card_pos);
 616
 617     img.className = "";
 618     for (i = 0 ; i < cards_nw_n ; i++) {
 619         if (cards_nw_pos[i] == card_pos) {
 620             for (e = i ; e < cards_nw_n-1 ; e++) {
 621                 cards_nw_pos[e] = cards_nw_pos[e+1];
 622             }
 623             cards_nw_pos[cards_nw_n-1] = card_pos;
 624             cards_nw_n--;
 625             cards_dispose_nw(cards_nw_n, takes_nw_n);
 626             break;
 627         }
 628     }
 629 }
 630
 631 function card_play_nw(card_idx, x, y)
 632 {
 633     var card_pos = rnd_int(0,cards_nw_n-1);
 634     var img = $("card_nw"+cards_nw_pos[card_pos]);
 635     var newname = getcard(card_idx,3);
 636     var x1, y1;
 637
 638     x1 = 400 - cards_width - (x - 300);
 639     y1 = 250 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 640
 641     var movimg = new slowimg(img, x1, y1, 25, 1, "card_postplay_nw("+cards_nw_pos[card_pos]+");", newname);
 642     movimg.settime(G_play_time);
 643     movimg.start(gst);
 644 }
 645
 646 /* CARD_PLAY_WE */
 647 function card_postplay_we(card_pos)
 648 {
 649     var img = $("card_we"+card_pos);
 650
 651     img.className = "";
 652     for (i = 0 ; i < cards_we_n ; i++) {
 653         if (cards_we_pos[i] == card_pos) {
 654             for (e = i ; e < cards_we_n-1 ; e++) {
 655                 cards_we_pos[e] = cards_we_pos[e+1];
 656             }
 657             cards_we_pos[cards_we_n-1] = card_pos;
 658             cards_we_n--;
 659             cards_dispose_we(cards_we_n, takes_we_n);
 660             break;
 661         }
 662     }
 663 }
 664
 665 function card_play_we(card_idx, x, y)
 666 {
 667     var card_pos = rnd_int(0,cards_we_n-1);
 668     var img = $("card_we"+cards_we_pos[card_pos]);
 669     var newname = getcard(card_idx,4);
 670     var x1, y1;
 671
 672     x1 = 300 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 673     y1 = 250 + x - 300;
 674
 675     var movimg = new slowimg(img, x1, y1, 25, 1, "card_postplay_we("+cards_we_pos[card_pos]+");", newname);
 676     movimg.settime(G_play_time);
 677     movimg.start(gst);
 678 }
 679
 680 var card_play_arr = new Array( card_play_so, card_play_ea, card_play_ne, card_play_nw, card_play_we);
 681
 682 /* card_play(player_pos, card_pos, card_idx, x, y)
 683    player_pos - position of the player on the table
 684    card_pos   - position of the card in the hand of the player
 685    card_idx   - id of the card (to show it after the move)
 686    x, y       - coordinates of the card on the original table
 687
 688    orig 200x200 dest 200x125
 689 */
 690 function card_play(player_pos, card_idx, x, y)
 691 {
 692     var idx = (player_pos - table_pos + PLAYERS_N) % PLAYERS_N;
 693
 694     card_play_arr[idx](card_idx, x, y);
 695 }
 696
 697
 698 /* CARD_PLACE_SO */
 699 function card_place_so(card_pos, card_idx, x, y)
 700 {
 701     var img = $("card"+card_pos);
 702
 703     // alert("card_place_so"+card_pos);
 704
 705     img.style.left = x;
 706     img.style.top  = y;
 707     img.style.visibility  = "visible";
 708     img.src = getcard(card_idx,0);
 709 }
 710
 711 /* CARD_PLACE_EA */
 712 function card_place_ea(card_pos, card_idx, x, y)
 713 {
 714     var img = $("card_ea"+card_pos);
 715
 716     // alert("card_place_ea");
 717
 718     img.style.left = 500 + ((y-250) * (125 - cards_height) / (200 - cards_height));
 719     img.style.top  = 450 - cards_width - (x - 300);
 720     img.style.visibility  = "visible";
 721     img.src = getcard(card_idx,1);
 722 }
 723
 724 /* CARD_PLACE_NE */
 725 function card_place_ne(card_pos, card_idx, x, y)
 726 {
 727     var img = $("card_ne"+card_pos);
 728
 729     // alert("card_place_ne");
 730
 731     img.style.left = 600 - cards_width - (x - 300);
 732     img.style.top  = 250 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 733     img.style.visibility  = "visible";
 734     img.src = getcard(card_idx,2);
 735 }
 736
 737 /* CARD_PLACE_NW */
 738 function card_place_nw(card_pos, card_idx, x, y)
 739 {
 740     var img = $("card_nw"+card_pos);
 741
 742     // alert("card_place_nw");
 743
 744     img.style.left = 400 - cards_width - (x - 300);
 745     img.style.top  = 250 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 746     img.style.visibility  = "visible";
 747     img.src = getcard(card_idx,3);
 748 }
 749
 750 /* CARD_PLACE_WE */
 751 function card_place_we(card_pos, card_idx, x, y)
 752 {
 753     var img = $("card_we"+card_pos);
 754
 755     // alert("card_place_we");
 756
 757     img.style.left = 300 - cards_height - ((y-250) * (125 - cards_height) / (200 - cards_height));
 758     img.style.top  = 250 + x - 300;
 759     img.style.visibility  = "visible";
 760     img.src = getcard(card_idx,4);
 761 }
 762
 763 var card_place_arr = new Array( card_place_so, card_place_ea, card_place_ne, card_place_nw, card_place_we );
 764
 765 /* CARD_PLACE */
 766 function card_place(player_pos, card_pos, card_idx, x, y)
 767 {
 768     var idx = (player_pos - table_pos + PLAYERS_N) % PLAYERS_N;
 769
 770     // alert("card_place"+idx);
 771
 772     card_place_arr[idx](card_pos, card_idx, x, y);
 773 }
 774
 775
 776
 777 function card_post_take(card)
 778 {
 779     var img = $("card"+card);
 780     img.style.visibility = "hidden";
 781     cards_dispose_so(cards_n, takes_n);
 782 }
 783
 784 function card_ea_post_take(card)
 785 {
 786     var img = $("card_ea"+card);
 787     img.style.visibility = "hidden";
 788     cards_dispose_ea(cards_ea_n, takes_ea_n);
 789 }
 790
 791 function card_ne_post_take(card)
 792 {
 793     var img = $("card_ne"+card);
 794     img.style.visibility = "hidden";
 795     cards_dispose_ne(cards_ne_n, takes_ne_n);
 796 }
 797
 798 function card_nw_post_take(card)
 799 {
 800     var img = $("card_nw"+card);
 801     img.style.visibility = "hidden";
 802     cards_dispose_nw(cards_nw_n, takes_nw_n);
 803 }
 804
 805 function card_we_post_take(card)
 806 {
 807     var img = $("card_we"+card);
 808     img.style.visibility = "hidden";
 809     cards_dispose_we(cards_we_n, takes_we_n);
 810 }
 811
 812
 813 function cards_take(win)
 814 {
 815     var taker = (win - table_pos + PLAYERS_N) % PLAYERS_N;
 816
 817     // alert("cards_n: "+cards_n+"card: "+cards_pos[cards_n]+"cards_ea_n: "+cards_ea_n+"card_ea: "+cards_ea_pos[cards_ea_n]+"cards_ne_n: "+cards_ne_n+"card_ne: "+cards_ne_pos[cards_ne_n] + "taker:"+taker);
 818
 819     switch(taker) {
 820         case 0:
 821             takes_n += PLAYERS_N;  break;
 822         case 1:
 823             takes_ea_n += PLAYERS_N;  break;
 824         case 2:
 825             takes_ne_n += PLAYERS_N;  break;
 826         case 3:
 827             takes_nw_n += PLAYERS_N;  break;
 828         case 4:
 829             takes_we_n += PLAYERS_N;  break;
 830     default:
 831         break;
 832     }
 833
 834     var img = $("card"+cards_pos[cards_n]);
 835     var movimg = new slowimg(img,
 836                              take_x[taker] - cards_width_d2,
 837                              take_y[taker] - cards_height_d2,
 838                              25, 0, "card_post_take("+cards_pos[cards_n]+");", null);
 839     movimg.settime(G_take_time);
 840     movimg.start(gst);
 841
 842     var img = $("card_ea"+cards_ea_pos[cards_ea_n]);
 843     var movimg = new slowimg(img,
 844                              take_x[taker] - cards_height_d2,
 845                              take_y[taker] - cards_width_d2,
 846                              25, 0, "card_ea_post_take("+cards_ea_pos[cards_ea_n]+");", null);
 847     movimg.settime(G_take_time);
 848     movimg.start(gst);
 849
 850     var img = $("card_ne"+cards_ne_pos[cards_ne_n]);
 851     var movimg = new slowimg(img,
 852                              take_x[taker] - cards_width_d2,
 853                              take_y[taker] - cards_height_d2,
 854                              25, (PLAYERS_N == 3 ? 1 : 0), "card_ne_post_take("+cards_ne_pos[cards_ne_n]+");", null);
 855     movimg.settime(G_take_time);
 856     movimg.start(gst);
 857     if (PLAYERS_N > 3) {
 858         var img = $("card_nw"+cards_nw_pos[cards_nw_n]);
 859         var movimg = new slowimg(img,
 860                                  take_x[taker] - cards_width_d2,
 861                                  take_y[taker] - cards_height_d2,
 862                                  25, 0, "card_nw_post_take("+cards_nw_pos[cards_nw_n]+");", null);
 863         movimg.settime(G_take_time);
 864         movimg.start(gst);
 865
 866         var img = $("card_we"+cards_we_pos[cards_we_n]);
 867         var movimg = new slowimg(img,
 868                                  take_x[taker] - cards_height_d2,
 869                                  take_y[taker] - cards_width_d2,
 870                                  25, 1, "card_we_post_take("+cards_we_pos[cards_we_n]+");", null);
 871         movimg.settime(G_take_time);
 872         movimg.start(gst);
 873     }
 874 }