var products, piece, pieces = '';
var matching = false;

function match() {
  if (!matching) {
    products = $("#products").html();
    $('#products > .productthumb').fadeOut(130, 
    function() {
      $('#products').html(pieces);
      $('#products > .productthumb').fadeIn(130, 
      function() {
        $("#matchingpieces").html('<a href="#" onclick="match()">View '+piece+'</a>');
      });
    });
    matching = true;
  }
  else {
    $('#products > .productthumb').fadeOut(130, 
    function() {
      $('#products').html(products);
      $("#matchingpieces").html('<a href="#" onclick="match()">View Matching Pieces</a>');
    });
    matching = false;
  }
}

function setPieceName(whatpiece) {
  piece = whatpiece;
}

$(document).ready(
  function(){ 
    pieces = $("#matchcont").html();
  }
);