From ae0cfd07e06cc47662b1724613741fa1d42ebb14 Mon Sep 17 00:00:00 2001
From: "marcins78@gmail.com"
 <marcins78@gmail.com@eb7970ca-0f6f-de4b-2938-835b230b9d1f>
Date: Thu, 13 Oct 2011 09:38:02 +0000
Subject: [PATCH] Lets try and see if playing a card now is animated...

---
 .../src/main/webapp/js/gameAnimations.js      | 75 ++++++++++++++++++-
 1 file changed, 73 insertions(+), 2 deletions(-)

diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameAnimations.js b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameAnimations.js
index c24e5c926..b7b53aa94 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameAnimations.js
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameAnimations.js
@@ -1,6 +1,7 @@
 var GameAnimations = Class.extend({
     game: null,
     playEventDuration: 1500,
+    putCardIntoPlayDuration: 1500,
     cardAffectsCardDuration: 1200,
 
     init: function(gameUI) {
@@ -143,12 +144,13 @@ var GameAnimations = Class.extend({
     },
 
     putCardInPlay: function(element, animate) {
+        var participantId = element.getAttribute("participantId");
+        var cardId = element.getAttribute("cardId");
+
         var that = this;
         $("#main").queue(
                 function(next) {
-                    var participantId = element.getAttribute("participantId");
                     var blueprintId = element.getAttribute("blueprintId");
-                    var cardId = element.getAttribute("cardId");
                     var zone = element.getAttribute("zone");
                     var targetCardId = element.getAttribute("targetCardId");
                     var controllerId = element.getAttribute("controllerId");
@@ -177,6 +179,75 @@ var GameAnimations = Class.extend({
 
                     next();
                 });
+
+        if (animate && (this.game.spectatorMode || (participantId != this.game.bottomPlayerId))) {
+            $("#main").queue(
+                    function(next) {
+                        that.game.layoutUI(false);
+
+                        var cardDiv = $(".card:cardId(" + cardId + ")");
+                        var card = cardDiv.data("card");
+
+                        var oldZIndex = cardDiv.css("z-index");
+                        var oldLeft = cardDiv.css("left");
+                        var oldTop = cardDiv.css("top");
+                        var oldWidth = cardDiv.css("width");
+                        var oldHeight = cardDiv.css("height");
+
+                        // Now we begin the animation
+                        var gameWidth = $("#main").width();
+                        var gameHeight = $("#main").height();
+
+                        var cardHeight = (gameHeight / 2);
+                        var cardWidth = card.getWidthForHeight(cardHeight);
+
+                        $(cardDiv).css(
+                                {
+                                    position: "absolute",
+                                    left: (gameWidth / 2 - cardWidth / 4),
+                                    top: gameHeight * (3 / 8),
+                                    width: cardWidth / 2,
+                                    height: cardHeight / 2,
+                                    "z-index": 100,
+                                    opacity: 0});
+
+                        $(cardDiv).animate(
+                                {
+                                    left: "-=" + cardWidth / 4,
+                                    top: "-=" + (gameHeight / 8),
+                                    width: "+=" + (cardWidth / 2),
+                                    height: "+=" + (cardHeight / 2),
+                                    opacity: 1},
+                                {
+                                    duration: that.putCardIntoPlayDuration / 8,
+                                    easing: "linear",
+                                    queue: false,
+                                    complete: null});
+                        $(cardDiv).animate(
+                                { },
+                                {
+                                    duration: that.putCardIntoPlayDuration * (5 / 8),
+                                    easing: "linear",
+                                    complete: null});
+                        $(cardDiv).animate(
+                                {
+                                    left: oldLeft,
+                                    top: oldTop,
+                                    width: oldWidth,
+                                    height: oldHeight},
+                                {
+                                    duration: that.putCardIntoPlayDuration / 4,
+                                    easing: "linear",
+                                    complete: null});
+                        $(cardDiv).animate(
+                                {
+                                    "z-index": oldZIndex},
+                                {
+                                    duration: 0,
+                                    easing: "linear",
+                                    complete: next});
+                    });
+        }
     },
 
     moveCardInPlay: function(element, animate) {