var cardOne;
var cardTwo;
var cards = [
	{
		rank: "queen",
		suit: "hearts",
		cardImage: "images/queen-of-hearts.png",
	},
	{
		rank: "queen",
		suit: "diamonds",
		cardImage: "images/queen-of-diamonds.png",
	},
	{
		rank: "king",
		suit: "hearts",
		cardImage: "images/king-of-hearts.png",
	},
	{
		rank: "king",
		suit: "diamonds",
		cardImage: "images/king-of-diamonds.png",
	},
];
var cardsInPlay = [];
var checkForMatch = function() {
	if (cardsInPlay[0] === cardsInPlay[1]) {
		alert("You found a match!");
	} else {
		alert("Sorry, try again.");
}
}

var flipCard = function(cardId) {
	//cardsInPlay.push(cardOne);
	//cardsInPlay.push(cardTwo);
	cardsInPlay.push(cards[cardId].rank);
	console.log("User flipped " + cards[0].rank);
	console.log(cards[0].cardImage);
	console.log(cards[0].suit);
	cardsInPlay.push(cards[0]);
	console.log("User flipped " + cards[2].rank);
	console.log(cards[2].cardImage);
	console.log(cards[2].suit);
	if (cardsInPlay.length === 2) {
		if (cardsInPlay[0] === cardsInPlay[1]) {
    		alert("You found a match!");
		}
		else	{
			alert("Sorry, try again.");

		}
}
var createBoard = function() {
	for (var i = 0; i < cards.length; i++) {
		document.addEventListener('click', flipCard);
		document.getElementById('game-board').appendChild(cardElement);
}
}
//createBoard ();
var cardElement = document.createElement('img');
cardElement.setAttribute('src', 'images/back.png');
cardElement.setAttribute('data-id', i);
console.log("User flipped "+cards[cardId].rank);
console.log(cards[cardId].cardImage);
console.log(cards[cardId].suit);
checkForMatch ();
}
flipCard (0);
flipCard (2);
createBoard ();