function changeElementClass(element,classname)
{
  document.getElementById(element).className = classname;
}

function toggleCopyShipping()
{
  var IsChecked = document.getElementById('CopyShipping').checked;
  for (var Field in BillingInfo)
  {
    var FieldID = Field + 'Field';
    if (IsChecked)
    {
      document.getElementById(FieldID).value = unescape(BillingInfo[Field]);
    }
    else
    {
      document.getElementById(FieldID).value = '';
    }
  }
  if (IsChecked)
  {
    hideElement('Billing'); 
    focusElement('OrderNotes'); 
  }
  else
  {
    showElement('Billing'); 
    focusElement('FirstNameField');
  }
}

function showElement(element,mode)
{
  if (!mode)
  {
    mode = 'block';
  }
  document.getElementById(element).style.display = mode;
}

function hideElement(element,mode)
{
  if (!mode)
  {
    mode = 'none';
  }
  document.getElementById(element).style.display = mode;
}

function focusElement(element)
{
  document.getElementById(element).focus();
}

function swapImage(element)
{
  NewSRC = document.getElementById(element).src;
  OldSRC = document.getElementById('Large').src;
  document.getElementById('Large').src = NewSRC.replace(/thumbnails/,'');
  document.getElementById(element).src = OldSRC.replace(/products/,'products/thumbnails');
}

function setOpacity(element,value)
{
  var el = document.getElementById(element);
  el.style.opacity = value/10;
  el.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function fadeOutElement(element,cur)
{
  if (!cur)
  {
    var cur = 10;
  }
  setOpacity(element,cur);
  var next = parseInt(cur) - 1;
  if (cur == 0)
  {
    hideElement(element);
  }
  else
  {
    setTimeout('fadeOutElement("' + element + '","' + next + '");',50);
  }
}

function fadeInElement(element,cur)
{
  if (!cur)
  {
    var cur = 0;
    setOpacity(element,cur);
    showElement(element);
  }
  else
  {
    setOpacity(element,cur);
  }

  var next = parseInt(cur) + 1;
  
  if (next <= 10)
  {
    setTimeout('fadeInElement("' + element + '","' + next + '");',20);
  }
}