
var htmlString = "";

var cardVals = function(){};

cardVals[1] = "ace";
cardVals[2] = "two";
cardVals[3] = "three";
cardVals[4] = "four";
cardVals[5] = "five";
cardVals[6] = "six";
cardVals[7] = "seven";
cardVals[8] = "eight";
cardVals[9] = "nine";
cardVals[10] = "ten";
cardVals[11] = "jack";
cardVals[12] = "queen";
cardVals[13] = "king";

function cardString(type, number)
{
	var numberName = cardVals[number];
	
	return '<div class="card ' + type + ' ' + numberName + '"><div class="front">' + numberName + ' of ' + type + '</div><div class="back"></div></div>';
}

for(var i = 1; i < 14; i++)
{
	htmlString += cardString("hearts", i) + cardString("diamonds", i) + cardString("spades", i) + cardString("clubs", i);
}
$(".deck-container").append(htmlString);

for(var i = 0; i < 5; i++)
{
	$($(".deck-container div.card")[i]).appendTo(".their-hand");
	
	$(".their-hand div.card").addClass("rotate");
}

for(var i = 0; i < 5; i++)
{
	$($(".deck-container div.card")[i]).appendTo(".your-hand");
}


$(".hand.your-hand div.card").click(function(){ $(this).toggleClass("selected") });

function getSizeRight()
{
	if(window.outerWidth < 670)
	{
		$(".game-container").css({"transform" : "scale(0.6)", "-webkit-transform" : "scale(0.6)"});
	}
	else
	{
		$(".game-container").css({"transform" : "none","-webkit-transform" : "none"});
	}
}

getSizeRight();

$( window ).resize(function() {
	getSizeRight();
});

@@ -1171,69 +1171,19 @@
 s(%7B%22
-transform%22 : %22scale(0.6)%22, %22-webkit-transform%22 : %22scale(
+zoom%22 : 
 0.6
-)%22
 %7D);%0A
@@ -1227,56 +1227,17 @@
 s(%7B%22
-transform%22 : %22none%22,%22-webkit-transform%22 : %22none%22
+zoom%22 : 1
 %7D);%0A

Update script.js