web/dnd.js

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