/* Charm */
var noCharms = 0;
var charms = new Array()
var charmPrices = new Array()
var charmsDesc = new Array()

function addCharm(charmNo, price)
{

  var oCharm = document.getElementById('CharmDiv');
  var ddl = null;
  var i = parseInt(noCharms) + 1;
  
  ddl = 'Charm ' + i + ': ' + charmsDesc[charmNo - 1] + ' ($' + price + ')'
  
  var newdiv = document.createElement('div');
  newdiv.setAttribute('id', 'CharmDiv' + i);
  newdiv.setAttribute('class', 'addedCharm');

  ddl = ddl + '<input type="hidden" name="charmOption' + i + '" value="' + charmNo + ':' + charmsDesc[charmNo - 1] + '"/>'
  
  newdiv.innerHTML = newdiv.innerHTML + ddl
  
  ddl = '&nbsp;<a class="removeCharm" href="javascript: removeCharm(' + noCharms + ');">remove</a>';
  newdiv.innerHTML = newdiv.innerHTML + ddl + '<br/>';
  
  oCharm.appendChild(newdiv);

  charms[noCharms] = charmNo
  charmPrices[noCharms] = price
  noCharms = noCharms + 1
  
  findElement('CharmHiddenField').value = noCharms;
  
  //document.location.href = '#charmtop';
}

function removeCharm(i)
{
  // if we only have one Charm, we wont do anything
  //if (noCharms == 1)
    //return;
  
  // first remove the item from the list
  var oCharm = document.getElementById('CharmDiv');
  
  charms[i] = ''
  
  // now clear the div
  oCharm.innerHTML = '';
  
  // create the new list
  setCharmItems()
}

function setCharmItems()
{
  
  // copy the array
  var tempArray = new Array()
  var tempPrices = new Array()
  var count = 0;
  
  for (var i = 0; i < noCharms; i++)
  {
    if (charms[i] != '')  
    {
      tempArray[count] = charms[i]
      tempPrices[count] = charmPrices[i]
      count = count + 1
    }
  }
  
  // reset the array
  noCharms = 0;
  charms = new Array()
    
  for (var i=0; i < count; i++)
  {
    charms[i] = tempArray[i]
    charmPrices[i] = tempPrices[i]
    addCharm(charms[i], charmPrices[i])
  }
}