function FlipFilter(filter) {
  style = document.getElementById(filter+'Filters').style;
  if (style.display == 'none' || style.display=='') {
    document.getElementById(filter+'Expand').className ='open';
    style.display="inline";                                       
  }
  else {
    document.getElementById(filter+'Expand').className ='closed';
    style.display='none';                                              
  }
  document.getElementById('CategoryExpand').style.display='none';   
  setTimeout("document.getElementById('CategoryExpand').style.display='inline';",0);                            
}

function tab(number) {
  // turn off all tabs and hide all desc.
  // loop over 5 tabs, but check they they exist before performing operation.
  for (i=1; i<5; i++) {
    $tab = document.getElementById('th'+i);
    $desc = document.getElementById('desc'+i);
    if ($tab != null) {
      if (i == 1) {
        $tab.className="oneoff";
      }
      else {
        $tab.className="off";
      }
      $desc.style.display="none";
    }
  }
  $tab = document.getElementById('th'+number);
  $desc = document.getElementById('desc'+number);
  if (number == 1) {
    $tab.className="oneon";
  }
  else {
    $tab.className="on";
  }
  $desc.style.display="block"; 
}

var currentThumbnail = 0;
function ChangeProdImage(index, image) {
  document.getElementById('prodImage').src = document.getElementById('thumb'+index).src; 
  document.getElementById('thumb'+currentThumbnail).className = 'thumbnail';
  document.getElementById('thumb'+index).className = 'thumbSelected';
  document.getElementById('prodImageLink').href = image + '700.jpg'; 
  currentThumbnail = index;
}

function BillShip() {  
  if (document.getElementById('BillToShip').checked) {
    document.getElementById('SFName').value = document.getElementById('Fname').value;
    document.getElementById('SLName').value = document.getElementById('Lname').value;
    document.getElementById('SCompany').value = document.getElementById('BCompany').value;
    document.getElementById('SAddr1').value = document.getElementById('BAddr1').value;
    document.getElementById('SAddr2').value = document.getElementById('BAddr2').value;
    document.getElementById('SCity').value = document.getElementById('BCity').value;    
    document.getElementById('SZip').value = document.getElementById('BZip').value;
    document.getElementById('SPhone').value = document.getElementById('BPhone').value;
    document.getElementById('SCountry').selectedIndex = document.getElementById('BCountry').selectedIndex;
    ChangeState('S', document.getElementById('SCountry').value);  
    document.getElementById('SState').selectedIndex = document.getElementById('BState').selectedIndex;
    document.getElementById('SState2').selectedIndex = document.getElementById('BState2').selectedIndex;
    document.getElementById('SState3').value = document.getElementById('BState3').value;
  }
  else {
    document.getElementById('SFName').value = '';
    document.getElementById('SLName').value = '';
    document.getElementById('SCompany').value = '';
    document.getElementById('SAddr1').value = '';
    document.getElementById('SAddr2').value = '';
    document.getElementById('SCity').value = '';    
    document.getElementById('SZip').value = '';
    document.getElementById('SPhone').value = '';
    document.getElementById('SCountry').selectedIndex = 0;
    ChangeState('S', document.getElementById('SCountry').value);  
    document.getElementById('SState').selectedIndex = '';
    document.getElementById('SState2').selectedIndex = '';
    document.getElementById('SState3').value = '';
  }
} 

function ChangeState(id,country) {  
  if (country == 'US' && id=='B') {
    document.getElementById('BState').style.display = '';
    document.getElementById('BState2').style.display = 'none';
    document.getElementById('BState3').style.display = 'none';
  }
  else if (country == 'CA' && id=='B') {
    document.getElementById('BState').style.display = 'none';
    document.getElementById('BState2').style.display = '';
    document.getElementById('BState3').style.display = 'none';
  }
  else if (id=='B') { 
    document.getElementById('BState').style.display = 'none';
    document.getElementById('BState2').style.display = 'none';
    document.getElementById('BState3').style.display = '';
  }
  if (country == 'US' && id=='S') {
    document.getElementById('SState').style.display = '';
    document.getElementById('SState2').style.display = 'none';
    document.getElementById('SState3').style.display = 'none';
  }
  else if (country == 'CA' && id=='S') {
    document.getElementById('SState').style.display = 'none';
    document.getElementById('SState2').style.display = '';
    document.getElementById('SState3').style.display = 'none';
  }
  else if (id=='S') {
    document.getElementById('SState').style.display = 'none';
    document.getElementById('SState2').style.display = 'none';
    document.getElementById('SState3').style.display = '';
  }
}

function updateTotal(order, shipping) {
  var shipCost = shipping.split(" - ");
  var total = parseFloat(order) + parseFloat(shipCost[1]);
  document.getElementById('total').innerHTML = '$' + total.toFixed(2);
}

function ScrollImg(distance) {
  var box = document.getElementById('scrollElement');
  distance = parseInt(box.style.left) + distance;
  if (distance <= 0) {
    box.style.left = distance+'px';
  }
}