function enLargeFrameImage (productSKU, variantSKU, productID, variantID){ //model, variant) {
  
  // change the display size and location
  setFrameImageLargeAttributes ('frameContainerLarge');
  
  // change the frame image
  var obj = document.getElementById('imgFrameLarge');
  if (variantID == "0"){
    obj.src = 'assets/' + productID + '/' + variantID + '_featured.jpg';
  }else{
    obj.src = 'assets/' + productID + '/' + variantID + '/' + productID + '_' + variantID + '_featured.jpg';
  }
  //obj.src = 'assets/' + model + '/' + variant + '_large.jpg';
  
  // change the frame code
  var obj = document.getElementById('frameImageLargeCode');
  if (variantID == "0"){
    obj.innerHTML = variant;
  }else{
    obj.innerHTML = productSKU;
  }
  obj.innerHTML = variantSKU;
  
  // display the frame image
  var obj = document.getElementById('frameContainerLarge');
  obj.style.display = 'block';
  
  
  // Description
  var source = document.getElementById('hidDescription_' + productID);
  var dest = document.getElementById('frameDescription');
  dest.innerHTML = source.value;
  
  // Dimensions
  var source = document.getElementById('hidDimensions_' + productID);
  var dest = document.getElementById('frameDimensions');
  if (source.value.length > 0)
  {
    dest.innerHTML = source.value;
    dest.style.display = 'block';
  }
  else
  {
    dest.innerHTML = "";
    dest.style.display = 'none';
  }
  
  // Warranty
  var source = document.getElementById('hidWarranty_' + productID);
  var dest = document.getElementById('frameWarranty');
  if (source.value.length > 0)
  {
    dest.innerHTML = source.value;
    dest.style.display = 'block';
  }
  else
  {
    dest.innerHTML = "";
    dest.style.display = 'none';
  }
  
  
  
  
  
  
  
}
function hideFrameImageLarge (id) {
  var obj = document.getElementById(id);
  obj.style.display = 'none';
}
function setFrameImageLargeAttributes (id) {
  
  var obj = document.getElementById(id);
  
  var iPageWidth = 998;
  var iTop = 0;
  var iLeft = 0;
  var iScrollXOffset = 0;
  var iScrollYOffset = 0;
  var iMarginXOffset = 310;
  var iMarginYOffset = 0;
  var iHeight = 300;

  iBrowserWidth   = getBrowserWidth();
  iBrowserHeight  = getBrowserHeight();
  iScrollXOffset  = getBrowserXOffset();
  iScrollYOffset  = getBrowserYOffset();
  
  if (iBrowserWidth > iPageWidth){
    iLeft = parseInt(((iBrowserWidth - iPageWidth)/2) + iMarginXOffset);
  } else {
    iLeft = parseInt(((iBrowserWidth - iPageWidth)/2) + (iMarginXOffset - ( iPageWidth - iBrowserWidth )/2 ));
  }
  
  //iHeight = obj.offsetHeight;
  
  if (iBrowserHeight > iHeight) {
    iTop = parseInt(((iBrowserHeight - iHeight)/2) + iScrollYOffset);
    //alert ('top = ' + iBrowserHeight + ' - ' + iHeight + ' div 2' + ' + ' + iScrollYOffset + ' = ' + iTop);
  }
  
  obj.style.top = iTop + 'px';
  obj.style.left = iLeft + 'px';
  
  //alert ('Left: ' + iLeft);
}