-instantiate_card = (model) ->
- text = model.text
- x = model.x
- y = model.y
- card = $ $ "<div class=\"card\" style=\"left: #{x}px; top: #{y}px\"><span class=\"cardtext\">#{text}</span></div>"
+# transform coordinates from client-side coords to server-side coords (or back)
+# this makes it so p2 view everything upside down (mirrored), but still sends coords rightside up
+transform_x = (x) -> x
+transform_y = (y) ->
+ return y unless state.agent is 'p2'
+ return table_height - card_height - y
+
+next_card_z = -> return top_card_z += 1
+
+bring_card_to_front = (card) ->
+ card.view.css "z-index": next_card_z()
+
+instantiate_card = (card) ->
+ text = card.text
+ view = $ $ "<div class=\"card\" style=\"left: #{transform_x(card.x)}px; top: #{transform_y(card.y)}px; z-index: #{next_card_z()}\"><span class=\"cardtext\">#{text}</span></div>"