// Card Product JS

window.onload = InitCP;
Ranges = new Object();

function AddCard(cid, rangeid, rangename, cardname, price) {
  if (!(Ranges[rangeid])) {
    Ranges[rangeid] = new Object;
    Ranges[rangeid].name = rangename;
    Ranges[rangeid].cards = new Array();
  }
  c = Ranges[rangeid].cards[Ranges[rangeid].cards.length] = new Object();
  c.id = cid;
  c.name = cardname;
  c.price = price;
}

function InitCP() {
  var c = '<form action="cart.php" method="post" name="cardsel">';
  c += '<table border="0"><tr><th>Range:</th><th style="width: 50px;" rowspan="2"></th><th>Card:</th></tr>';
  c += '<tr><td><select name="range" onChange="ShowCards()">';
  c += '<option value="" style="color: #678">Select a range...</option>';
  for (r in Ranges) {
    c += '<option value="'+r+'"'+((DefaultRange == r)?" selected":"")+'>'+Ranges[r].name+'</option>';
  }
  c += '</select></td><td><select name="buy"></td></tr>';
  c += '</table>';
  c += '<input type="submit" id="addtocart" value="Add To Cart">';
  document.getElementById("cardform").innerHTML = c;
  window.setTimeout("ShowCards()", 100)
}

function ShowCards() {
  var f = document.cardsel;
  rid = f.range.options[f.range.selectedIndex].value;
  f.buy.options.length = 0;
  if (Ranges[rid]) {
    for (n in Ranges[rid].cards) {
      c = Ranges[rid].cards[n];
      o = f.buy.options.length;
      f.buy.options.length += 1;
      f.buy.options[o].value = c.id;
      f.buy.options[o].text = c.name+" ("+c.price+")";
    }
  }
  document.getElementById("addtocart").style.visibility = (f.buy.options.length == 0)?"hidden":"visible";
}