var deck = [{"card_suit":"Spades","number":"A"},{"card_suit":"Spades","number":"2"},{"card_suit":"Spades","number":"3"},{"card_suit":"Spades","number":"4"},{"card_suit":"Spades","number":"5"},{"card_suit":"Spades","number":"6"},{"card_suit":"Spades","number":"7"},{"card_suit":"Spades","number":"8"},{"card_suit":"Spades","number":"9"},{"card_suit":"Spades","number":"10"},{"card_suit":"Spades","number":"J"},{"card_suit":"Spades","number":"Q"},{"card_suit":"Spades","number":"K"},{"card_suit":"Clubs","number":"A"},{"card_suit":"Clubs","number":"2"},{"card_suit":"Clubs","number":"3"},{"card_suit":"Clubs","number":"4"},{"card_suit":"Clubs","number":"5"},{"card_suit":"Clubs","number":"6"},{"card_suit":"Clubs","number":"7"},{"card_suit":"Clubs","number":"8"},{"card_suit":"Clubs","number":"9"},{"card_suit":"Clubs","number":"10"},{"card_suit":"Clubs","number":"J"},{"card_suit":"Clubs","number":"Q"},{"card_suit":"Clubs","number":"K"},{"card_suit":"Hearts","number":"A"},{"card_suit":"Hearts","number":"2"},{"card_suit":"Hearts","number":"3"},{"card_suit":"Hearts","number":"4"},{"card_suit":"Hearts","number":"5"},{"card_suit":"Hearts","number":"6"},{"card_suit":"Hearts","number":"7"},{"card_suit":"Hearts","number":"8"},{"card_suit":"Hearts","number":"9"},{"card_suit":"Hearts","number":"10"},{"card_suit":"Hearts","number":"J"},{"card_suit":"Hearts","number":"Q"},{"card_suit":"Hearts","number":"K"},{"card_suit":"Diamonds","number":"A"},{"card_suit":"Diamonds","number":"2"},{"card_suit":"Diamonds","number":"3"},{"card_suit":"Diamonds","number":"4"},{"card_suit":"Diamonds","number":"5"},{"card_suit":"Diamonds","number":"6"},{"card_suit":"Diamonds","number":"7"},{"card_suit":"Diamonds","number":"8"},{"card_suit":"Diamonds","number":"9"},{"card_suit":"Diamonds","number":"10"},{"card_suit":"Diamonds","number":"J"},{"card_suit":"Diamonds","number":"Q"},{"card_suit":"Diamonds","number":"K"}];
var deck_img;
var table_img;
var drawCounter = 0;

function preload()
{
	deck_img = loadImage("deck.png");
	table_img = loadImage("table.png");
}
function setup()
{
	createCanvas(table_img.width, table_img.height);
	frameRate(30);


	//call your shuffleSeed function here. Followed by a call to shuffleDeck with the return value of shuffleSeed as an argument.
    shuffleDeck(shuffleSeed());

}

//write your shuffleSeed function here


function shuffleSeed(){

    let r = [];

    for (let i=0; i<52; i++){
        r.push( round(random(7,95)));
    }
    return r;
}


/////////////////////DON'T CHANGE ANYTHING BELOW HERE/////////////////////////
function shuffleDeck(shuffleSeed)
{
		//shuffle the deck by rotating the cards location with the values in
		//shuffleSeed. Repeat this a random number of times between 20 and 50
    var shuffleIterations = parseInt(random(20, 50));
    for(var i = 0; i < shuffleIterations; i++)
    {
	   for (var j = 0; j < deck.length; j++)
	   {
		  var tempCard = deck.splice(j, 1);
          var newLoc = (j + shuffleSeed[j])%52;
          deck.splice(newLoc, 0, tempCard[0]);
	   }
    }
}

function draw()
{
	image(table_img, 0, 0);

	if (frameCount % 7 == 0)
	{
		drawCounter++;
		if (drawCounter == 52)
		{
			noLoop();
		}
	}
	for (var i = 0; i < drawCounter; i++)
	{
		if (deck[i].marked)
		{
			drawCard(deck[i], 400 + i * 18, 230);
		}
		else
		{
			drawCard(deck[i], 400 + i * 18, 250);
		}
	}


}


function drawCard(card, x, y)
{

	var values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
	var suits = ["Spades", "Clubs", "Hearts", "Diamonds"];

	for (var i = 0; i < suits.length; i++)
	{
		for (var j = 0; j < values.length; j++)
		{
			if (card.number == values[j] && card.card_suit == suits[i])
			{
			//img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight
				image(deck_img, j * 200, i * 300, 200, 300, x, y, 100, 150);
				break;
			}
		}
	}
}