// instantiate deck
var deck = new Array();
var deckSize = 52;
var handSize = 0;
// collect cards with for loop
var suit = deckSize / 4;
var s = ""; // Card
for (var i = 0; i < suit; i++) {
  s = "";
  if (i == 0) { // Ace
  	s += "A";
  }
  if (i > 0 && i < 10) { // Number cards
  	s += i + 1;
  }
  if (i == 10) { // Jack
  	s += "J";
  }
  if (i == 11) { // Queen
  	s += "Q";
  }
  if (i == 12) { // King
  	s += "K";
  }
  deck[i] = "S" + s;
  deck[i + suit] = "C" + s;
  deck[i + (2 * suit)] = "H" + s;
  deck[i + (3 * suit)] = "D" + s;
}
$("document").ready(function () {
  Discards()
  $("#deal").click(function () {
	DealCard(RandomCard())
})
})



function DealCard(i) {
if (deckSize == 0) {
alert("The deck is empty.");
return;
}
if (handSize >= 5) {
count.innerHTML = "Your hand is full.";
return;
}
var img = document.createElement("img");
img.src = "https://thaddiusstemp.com/cardimages/" + deck[i] + ".png";
img.class = "card"; // used for css
img.suit = deck[i][0]; // used to choose discard
img.id = deck[i]; // used to disable
document.getElementById("hand").appendChild(img);
$('#' + deck[i]).draggable({
  classes: ".card",
	containment: "#playarea",
});
handSize++;
Display();
RemoveCard(i);
return;
}

function RandomCard() {
var card = Math.random() * deckSize;
return Math.floor(card);
}

function RemoveCard(card) {
for (var j = card; j <= deckSize - 2; j++) {
deck[j] = deck[j + 1];
}
deckSize--;
return;
}

function Display() {
count.innerHTML = "Current hand size: " + handSize;
}

function Discards() {
  $('#Sdiscard').droppable({
  tolerance: "intersect",
  drop: function(event, ui) {
  var id = ui.draggable.attr("id");
  var suit = ui.draggable.attr("suit");
  if (suit == "S") {
  $('#' + id).draggable("disable");
  dropped.innerHTML = " Spade discarded.";
  handSize--;
  Display();
  }
  }
  })
  $('#Cdiscard').droppable({
  tolerance: "intersect",
  drop: function(event, ui) {
  var id = ui.draggable.attr("id");
  var suit = ui.draggable.attr("suit");
  if (suit == "C") {
  $('#' + id).draggable("disable");
  dropped.innerHTML = " Club discarded.";
  handSize--;
  Display();
  }
  }
  })
  $('#Hdiscard').droppable({
  tolerance: "intersect",
  drop: function(event, ui) {
  var id = ui.draggable.attr("id");
  var suit = ui.draggable.attr("suit");
  if (suit == "H") {
  $('#' + id).draggable("disable");
  dropped.innerHTML = " Heart discarded.";
  handSize--;
  Display();
  }
  }
  })
  $('#Ddiscard').droppable({
  tolerance: "intersect",
  drop: function(event, ui) {
  var id = ui.draggable.attr("id");
  var suit = ui.draggable.attr("suit");
  if (suit == "D") {
  $('#' + id).draggable("disable");
  dropped.innerHTML = " Diamond discarded.";
  handSize--;
  Display();
  }
  }
  })
}