Setup module

1 files changed, 181 insertions, 134 deletions

diff --git a/cards.js b/cards.js
index 8a3b94c..5200460 100644
--- a/cards.js
+++ b/cards.js
@@ -1,147 +1,194 @@
-/**** Position information ****/
+
+var cards = (function() {
+	//Constants:
+	var CARD_SIZE = {width:71,height:96};
+	var CONDENSE_COUNT = 6; //How many cards are shown as one in a deck
+	var CARD_PADDING = 18;
+	var OVERLAY_MARGIN = 2;
+	var HORIZONTAL = 'h';
+	var VERTICAL = 'v';
+	var LEFT = 'left', RIGHT = 'right', TOP = 'top', BOTTOM = 'bottom';
+	//Timing
+	var ANIMATION_SPEED = 500;
+	var CARDBACK = { x: 0, y: -4 * CARD_SIZE.height };
+	var HCARDBACK = { x: -8 * CARD_SIZE.height, y: -5 * CARD_SIZE.height};
 
-var CARD_SIZE = { width: 71, height: 96 };
-var CONDENSE_COUNT = 6; //How many cards are shown as one in a deck
-var CARD_PADDING = 18;
-var OVERLAY_MARGIN = 2;
-var HORIZONTAL = 'h';
-var VERTICAL = 'v';
-var LEFT = 'left', RIGHT = 'right', TOP = 'top', BOTTOM = 'bottom';
-
-//Timing
-var ANIMATION_SPEED = 500;
-
-var zIndexCounter = 1;
-var CARDBACK = { x: 0, y: -4 * CARD_SIZE.height };
-var HCARDBACK = { x: -8 * CARD_SIZE.height, y: -5 * CARD_SIZE.height};
-
-jQuery.fn.moveCard= function(top,left,callback, speed) {
-	var props = {};
-	props['top'] = top;
-	props['left'] = left;
-	props['queue'] = false;
-	this.animate(props, speed || ANIMATION_SPEED, callback);
-	return this;
-};
+	var zIndexCounter = 1;
+	
+	function init(options) {
+		options = options || {};
+		this.all = [];
+		var start = options.acesHigh ? 2 : 1;
+		var end = start + 12;
+		for (var i = start; i <= end; i++) {
+			this.deck.push(new Card('h', i));
+			this.deck.push(new Card('s', i));
+			this.deck.push(new Card('d', i));
+			this.deck.push(new Card('c', i));
+		}
+		if (options.blackJoker) {
+			this.deck.push(new Card('bj', 0));
+		}
+		if (options.redJoker) {
+			this.deck.push(new Card('rj', 0));
+		}
+		shuffle(this.deck);
+ 	}
 
-jQuery.fn.setBackground = function(x,y) {
-	var props = {};
-	props['background-position'] = x + ' ' + y;
-	this.css(props);
-	return this;
-};
+    function shuffle(deck) {
+        //Fisher yates shuffle
+        var i = deck.length;
+        if (i == 0) return;
+        while (--i) {
+            var j = Math.floor(Math.random() * (i + 1));
+            var tempi = deck[i];
+            var tempj = deck[j];
+            deck[i] = tempj;
+            deck[j] = tempi;
+        }
+    }
+	
+	function Card(suit, rank) {
+		this.init(suit, rank);
+	}
+	
+	Card.prototype = {
+		init: function (suit, rank) {
+			this.shortName = suit + rank;
+			this.suit = suit;
+			this.rank = rank;
+			this.name = suit.toUpperCase()+rank;
+			this.faceUp = false;
+			this.el = $('<div/>').addClass('card');
+		},
 
-Card.prototype.rotate = function(angle) {
-	$(this.guiCard)
-	.css('-webkit-transform', 'rotate(' + angle + 'deg)')
-	.css('-moz-transform', 'rotate(' + angle + 'deg)')
-	.css('-ms-transform', 'rotate(' + angle + 'deg)')
-	.css('transform', 'rotate(' + angle + 'deg)')
-	.css('-o-transform', 'rotate(' + angle + 'deg)');
-}
+		toString: function () {
+			return this.name;
+		},
 
-Card.prototype.showCard = function(position) {
-    var offsets = { "c": 0, "d": 1, "h": 2, "s": 3 };
-	var xpos, ypos;
-	if (!position) {
-		position = BOTTOM;
-	}
-	var h = $(this.guiCard).height(), w = $(this.guiCard).width();
-    if (position == TOP || position == BOTTOM) {
-		var rank = this.rank;
-		if (rank == 1) {
-			rank = 14; //Aces low must work as well.
-		}
-		xpos = (-rank + 2) * CARD_SIZE.width;
-		ypos = -offsets[this.suit] * CARD_SIZE.height;
-		if (position == TOP && this.rank > 10) {
-			xpos -= 4*CARD_SIZE.width;
-		}
-		//Special case for jokers...
-		if (this.rank == 0) {
-			ypos = -4*CARD_SIZE.height;
-			var extra = position == TOP ? 2 : 0;
-			if (this.suit == 'rj') {
-				xpos = (-2-extra)*CARD_SIZE.width;
-			} else if (this.suit == 'bj') {
-				xpos = (-3-extra)*CARD_SIZE.width;
+		moveTo : function(x, y, speed, callback) {
+			$(this.el).animate(
+			var props = {top:y-(CARD_SIZE.height/2),left:x-(CARD_SIZE.width/2)};
+			$(this.el).animate({props, speed || ANIMATION_SPEED, callback);
+		},
+		
+		rotate : function(angle) {
+			$(this.el)
+				.css('-webkit-transform', 'rotate(' + angle + 'deg)')
+				.css('-moz-transform', 'rotate(' + angle + 'deg)')
+				.css('-ms-transform', 'rotate(' + angle + 'deg)')
+				.css('transform', 'rotate(' + angle + 'deg)')
+				.css('-o-transform', 'rotate(' + angle + 'deg)');
+		},
+		
+		showCard : function(position) {
+			var offsets = { "c": 0, "d": 1, "h": 2, "s": 3 };
+			var xpos, ypos;
+			if (!position) {
+				position = BOTTOM;
 			}
-		}
-		if (w>h) {
-			$(this.guiCard).height(w).width(h);
-		}
-		this.rotate(0);
-	} else {
-		ypos = -5*CARD_SIZE.height; //base pos
-		var rank = this.rank;
-		if (rank == 1) {
-			rank = 14;
-		}
-		//Special case for jokers...
-		if (this.rank == 0) {
-			xpos = -8*CARD_SIZE.height;
-			var extra = position == RIGHT ? 0 : 2;
-			if (this.suit == 'rj') {
-				ypos -= (2+extra)*CARD_SIZE.width;
-			} else if (this.suit == 'bj') {
-				ypos -= (3+extra)*CARD_SIZE.width;
+			var h = $(this.el).height(), w = $(this.el).width();
+			if (position == TOP || position == BOTTOM) {
+				var rank = this.rank;
+				if (rank == 1) {
+					rank = 14; //Aces low must work as well.
+				}
+				xpos = (-rank + 2) * CARD_SIZE.width;
+				ypos = -offsets[this.suit] * CARD_SIZE.height;
+				if (position == TOP && this.rank > 10) {
+					xpos -= 4*CARD_SIZE.width;
+				}
+				//Special case for jokers...
+				if (this.rank == 0) {
+					ypos = -4*CARD_SIZE.height;
+					var extra = position == TOP ? 2 : 0;
+					if (this.suit == 'rj') {
+						xpos = (-2-extra)*CARD_SIZE.width;
+					} else if (this.suit == 'bj') {
+						xpos = (-3-extra)*CARD_SIZE.width;
+					}
+				}
+				if (w>h) {
+					$(this.el).height(w).width(h);
+				}
+				this.rotate(0);
+			} else {
+				ypos = -5*CARD_SIZE.height; //base pos
+				var rank = this.rank;
+				if (rank == 1) {
+					rank = 14;
+				}
+				//Special case for jokers...
+				if (this.rank == 0) {
+					xpos = -8*CARD_SIZE.height;
+					var extra = position == RIGHT ? 0 : 2;
+					if (this.suit == 'rj') {
+						ypos -= (2+extra)*CARD_SIZE.width;
+					} else if (this.suit == 'bj') {
+						ypos -= (3+extra)*CARD_SIZE.width;
+					}
+				} else if (this.rank <= 10) {
+					ypos -= (this.rank-2)*CARD_SIZE.width;
+					xpos = -offsets[this.suit] * CARD_SIZE.height;
+				} else {
+					xpos = -4*CARD_SIZE.height -offsets[this.suit] * CARD_SIZE.height;
+					if (position == LEFT) {
+						ypos -= (this.rank-7)*CARD_SIZE.width;
+					} else { //RIGHT
+						ypos -= (this.rank-11)*CARD_SIZE.width;
+					}
+				}
+				
+				if (h>w) {
+					$(this.el).height(w).width(h);
+				}
+				this.rotate(0);
 			}
-		} else if (this.rank <= 10) {
-			ypos -= (this.rank-2)*CARD_SIZE.width;
-			xpos = -offsets[this.suit] * CARD_SIZE.height;
-		} else {
-			xpos = -4*CARD_SIZE.height -offsets[this.suit] * CARD_SIZE.height;
-			if (position == LEFT) {
-				ypos -= (this.rank-7)*CARD_SIZE.width;
-			} else { //RIGHT
-				ypos -= (this.rank-11)*CARD_SIZE.width;
+			$(this.el).setBackground(xpos + 'px', ypos + 'px');
+		},
+
+		hideCard : function(position) {
+			if (!position) {
+				position = BOTTOM;
 			}
-		}
+			var h = $(this.el).height(), w = $(this.el).width();
+			if (position == TOP || position == BOTTOM) {
+				$(this.el).setBackground(CARDBACK.x + 'px', CARDBACK.y + 'px');
+				if (w>h) {
+					$(this.el).height(w).width(h);
+				}
+			} else {
+				$(this.el).setBackground(HCARDBACK.x + 'px', HCARDBACK.y + 'px');
+				if (h>w) {
+					$(this.el).height(w).width(h);
+				}
+			}
+			this.rotate(0);
+		},
 		
-		if (h>w) {
-			$(this.guiCard).height(w).width(h);
-		}
-		this.rotate(0);
-	}
-    $(this.guiCard).setBackground(xpos + 'px', ypos + 'px');
-};
+		moveToFront : function() {
+			$(this.el).css('z-index', zIndexCounter++);
+		}		
+	};
 
-Card.prototype.moveToFront = function() {
-	this.guiCard.style.zIndex = zIndexCounter++;
-};
+	return {
+		init : init,
+		all : [],
+		SIZE = CARD_SIZE,,
+		Card : Card,
+		shuffle: shuffle
+	};
+})();
 
-Card.prototype.hideCard = function(position) {
-	if (!position) {
-		position = BOTTOM;
-	}
-	var h = $(this.guiCard).height(), w = $(this.guiCard).width();
-    if (position == TOP || position == BOTTOM) {
-		$(this.guiCard).setBackground(CARDBACK.x + 'px', CARDBACK.y + 'px');
-		if (w>h) {
-			$(this.guiCard).height(w).width(h);
-		}
-	} else {
-		$(this.guiCard).setBackground(HCARDBACK.x + 'px', HCARDBACK.y + 'px');
-		if (h>w) {
-			$(this.guiCard).height(w).width(h);
-		}
-	}
-	this.rotate(0);
-};
 
-function showCards(cards, position, speed) {
-    setTimeout(function () {
-        for (var i = 0; i < cards.length; i++) {
-            cards[i].showCard(position);
-        }
-    }, speed || (ANIMATION_SPEED / 2));
-}
+cards.init({acesHigh:true,redJoker:true})
+var deck = new cards.Deck({faceUp:true, x:500, y:300});
+var pile = new cards.Pile({faceUp:true, x:500, y:300});
+var cell = new cards.Cell({faceUp:true});
 
-function hideCards(cards, position, speed) {
-    setTimeout(function () {
-        for (var i = 0; i < cards.length; i++) {
-            cards[i].hideCard(position);
-        }
-    }, speed || (ANIMATION_SPEED / 2));
-}
+deck.render();
+pile.render();
+card.flip({immediate:true});
+deck.addCard(cards.all.drawCard());
+deck.render({immediate:true});