<script type="text/javascript" src="briskin5.js?v=<? echo BSK_BUSTING; ?>"></script>
<link rel="stylesheet" type="text/css" href="../brisk.css?v=<? echo BSK_BUSTING; ?>">
<link rel="stylesheet" type="text/css" href="briskin5.css?v=<? echo BSK_BUSTING; ?>">
+<link rel="stylesheet" type="text/css" href="cards_<? echo $deck; ?>.css?v=<? echo BSK_BUSTING; ?>">
</head>
<body>
<SCRIPT type="text/javascript">
preferences_update();
sess = "<?php echo "$sess"; ?>";
- xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>, 2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'), 'index_rd.php', function(com){eval(com);});
+ xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>, 2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'), 'index_rd.php', function(com){eval(com);});
xstm.hbit_set(heartbit);
+ /* dynamic callerimg positioning */
+ $("callerimg").style.left = (160 - cards_width_d2) + "px";
+ $("callerimg").style.top = (60 - cards_height_d2) + "px";
+
window.onbeforeunload = onbeforeunload_cb;
window.onunload = onunload_cb;
<div id="bg" class="area">
<div id="remark" class="remark0"></div>
-<img id="card0" src="img/00.png" class="card">
-<img id="card1" src="img/01.png" class="card">
-<img id="card2" src="img/02.png" class="card">
-<img id="card3" src="img/03.png" class="card">
-<img id="card4" src="img/04.png" class="card">
-<img id="card5" src="img/05.png" class="card">
-<img id="card6" src="img/06.png" class="card">
-<img id="card7" src="img/07.png" class="card">
-<img id="takes" src="img/cover.png" class="cover">
-<img id="card_ne0" src="img/cover.png" class="cover">
-<img id="card_ne1" src="img/cover.png" class="cover">
-<img id="card_ne2" src="img/cover.png" class="cover">
-<img id="card_ne3" src="img/cover.png" class="cover">
-<img id="card_ne4" src="img/cover.png" class="cover">
-<img id="card_ne5" src="img/cover.png" class="cover">
-<img id="card_ne6" src="img/cover.png" class="cover">
-<img id="card_ne7" src="img/cover.png" class="cover">
-<img id="takes_ne" src="img/cover.png" class="cover">
-<img id="card_nw0" src="img/cover.png" class="cover">
-<img id="card_nw1" src="img/cover.png" class="cover">
-<img id="card_nw2" src="img/cover.png" class="cover">
-<img id="card_nw3" src="img/cover.png" class="cover">
-<img id="card_nw4" src="img/cover.png" class="cover">
-<img id="card_nw5" src="img/cover.png" class="cover">
-<img id="card_nw6" src="img/cover.png" class="cover">
-<img id="card_nw7" src="img/cover.png" class="cover">
-<img id="takes_nw" src="img/cover.png" class="cover">
-<img id="card_ea0" src="img/cover_ea.png" class="cover">
-<img id="card_ea1" src="img/cover_ea.png" class="cover">
-<img id="card_ea2" src="img/cover_ea.png" class="cover">
-<img id="card_ea3" src="img/cover_ea.png" class="cover">
-<img id="card_ea4" src="img/cover_ea.png" class="cover">
-<img id="card_ea5" src="img/cover_ea.png" class="cover">
-<img id="card_ea6" src="img/cover_ea.png" class="cover">
-<img id="card_ea7" src="img/cover_ea.png" class="cover">
-<img id="takes_ea" src="img/cover_ea.png" class="cover">
-<img id="card_we0" src="img/cover_we.png" class="cover">
-<img id="card_we1" src="img/cover_we.png" class="cover">
-<img id="card_we2" src="img/cover_we.png" class="cover">
-<img id="card_we3" src="img/cover_we.png" class="cover">
-<img id="card_we4" src="img/cover_we.png" class="cover">
-<img id="card_we5" src="img/cover_we.png" class="cover">
-<img id="card_we6" src="img/cover_we.png" class="cover">
-<img id="card_we7" src="img/cover_we.png" class="cover">
-<img id="takes_we" src="img/cover_we.png" class="cover">
+<img id="card0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="takes" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ne7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="takes_ne" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw0" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw1" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw2" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw3" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw4" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw5" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw6" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_nw7" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="takes_nw" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card"/>
+<img id="card_ea0" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea1" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea2" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea3" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea4" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea5" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea6" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_ea7" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="takes_ea" data-card-id="cover_ea" src="img/cards_xx_empty_ea.png" class="sp-card"/>
+<img id="card_we0" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we1" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we2" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we3" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we4" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we5" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we6" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="card_we7" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+<img id="takes_we" data-card-id="cover_we" src="img/cards_xx_empty_we.png" class="sp-card"/>
+
<div id="asta" class="asta">
<img id="asta0" src="img/asta0.png" class="astacard">
<img id="asta1" src="img/asta1.png" class="astacard">
</div>
<div id="caller" class="caller">
<div id="callerinfo" class="callerinfo">Info</div>
-<img id="callerimg" src="img/noimg.png" class="callerimg">
+<img id="callerimg" data-card-id="cover" src="img/cards_xx_empty.png" class="sp-card">
</div>
<div class="table_commands">
<table>