var deck = [];
var suitArray = ["Hearts","Diamonds","Clubs","Spades"];
var faceArray = ["Ace","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten","Jack","Queen","King"];
var msgBar = document.getElementById("msg");
var playerHand = [];
var dealerHand = [];
var playerTotal = 0;
var dealerTotal = 0;

buildDeck();  // Builds the deck of cards.
shuffleDeck(5); // Shuffles the deck 5 times.
printDeck();
endMessage ();

function buildDeck() {
 for (var row = 0; row < suitArray.length; row++) {
  for (var col = 0; col < faceArray.length; col++) {
   var tempCard = {};
   tempCard.suitName = suitArray[row];
   tempCard.faceName = faceArray[col];
   tempCard.offsetW = (col * -144);
   tempCard.offsetH = (row * -200);
   tempCard.pointVal = col > 8 ? 10 : (col+1);
   deck.push(tempCard);
  }
 }
}



function shuffleDeck(numTimes) {
 for (var i = 0; i < numTimes; i++) {
  for (var j = 0; j < deck.length; j++) {
   var tempIndex = Math.floor(Math.random() * 52);
   var tempCard = deck[j];
   deck[j] = deck[tempIndex];
   deck[tempIndex] = tempCard;
  }
 }
}

function printDeck() {
 for (var i = 0; i < deck.length; i++) {
  console.log(deck[i].faceName+" of "+deck[i].suitName+" ("+deck[i].pointVal+")");
 }
}


function onPlayer(cardNum) {
 if (deck.length > 0) {
  var cardId = document.getElementById("card"+(cardNum));
  var cardDealt = {};
  cardDealt = dealCard();
  cardId.style.background = "url('Deck.gif') "+cardDealt.offsetW+"px "+cardDealt.offsetH+"px";
  playerHand.push(cardDealt.pointVal);
  for (var i = 0; i < playerHand.length; i++) {
   console.log(dealerHand[i])
  }
  var playerTotal = 0;
  for (var i = 0; i < playerHand.length; i++) {
    if ( i === 5) break;
  playerTotal += playerHand[i] << 0;
   }
}
  msg3.innerHTML =  "Player Total: " +playerTotal;
 }

function onDealer(cardNum) {
 if (deck.length > 0) {
  var cardId = document.getElementById("card"+(cardNum));
  var cardDealt = {};
  cardDealt = dealCard();
  cardId.style.background = "url('Deck.gif') "+cardDealt.offsetW+"px "+cardDealt.offsetH+"px";
  dealerHand.push(cardDealt.pointVal);
  for (var i = 0; i < dealerHand.length; i++) {
   console.log(dealerHand[i])
  }

  var dealerTotal = 0;
  for (var i = 0; i < dealerHand.length; i++) {
  if (i === 5) break;
  dealerTotal += dealerHand[i] << 0;
}


    msg2.innerHTML =  "Dealer Total: " +dealerTotal;
  }
 }

if (deck.length < 43){
	if (playerTotal > dealerTotal);{
	msg.innerHTML = "Player wins with a score of : " +playerTotal;
	}
	else{
	msg.innerHTML = "Dealer wins with a score of: " +dealerTotal;
	}

else {
msg.innerHTML = "Cards left: "+deck.length+" Player Total: " +playerTotal+" Dealer Total: "+dealerTotal;
}
}




function dealCard()
{
 return deck.splice(0,1)[0];
}