function showBigImage(image) {
  var imageURL = image.src;
  openColorSamplePopup(imageURL);
}
function bigImage(image) {
  var w = image.width;
  image.width = w * 2;
  image.height = image.height * 2;
}
function smallImage(image) {
  image.width = image.width / 2;
  image.height = image.height / 2;
}
function set_quantity_total(product_id) {
  var i;
  var total;
  var f1 = document.forms['order_form'];
  var option_price;
  var label_id;
  var priceType;
  var base_price = parseInt(document.getElementById('base_price').value);
  var total_option = 0;
  for (i = 0; i < f1.elements.length; i++) {
    if (f1.elements[i].name.slice(0, 12) == 'optionPrice_') {
      label_id = f1.elements[i].name.slice(12);
      priceType = document.getElementById('optionPriceType_' + label_id);
      option_price = parseInt(f1.elements[i].value);
      f1.elements[i].value = option_price;
      total_option = total_option + option_price;
    }
  }
  total = base_price + total_option;
  document.getElementById('option_price').value = total_option;
	document.getElementById('total_price').value = total;
}
function color_swap(id) {
  var o = document.getElementById('selectID' + id);
  var imgNum = o.options[o.selectedIndex].value;
  get_color_image(id, imgNum);
}
function Color2Swap(id) {
  var o = document.getElementByID(id);
  var imgNum = o.options[o.selectedIndex].value;
  var nextImg = eval('color2Swap' + imgNum + '.src');
  document.images['Color2Image'].src = nextImg;
}
function setHeadrail(headrail_value) {
  if (headrail_value == 1) {
    document.getElementById('leftPanel').style.display = 'none';
    document.getElementById('centerPanel').style.display = 'none';
    document.getElementById('rightPanel').style.display = 'none';
    document.getElementById('title').style.display = 'none';
  }
  if (headrail_value == 2) {
    document.getElementById('leftPanel').style.display = '';
    document.getElementById('centerPanel').style.display = 'none';
    document.getElementById('rightPanel').style.display = '';
    document.getElementById('title').style.display = '';
    document.getElementById('hedrail_title').innerHTML = '2 on 1 Headrail';
  }
  if (headrail_value == 3) {
    document.getElementById('leftPanel').style.display = '';
    document.getElementById('centerPanel').style.display = '';
    document.getElementById('rightPanel').style.display = '';
    document.getElementById('title').style.display = '';
    document.getElementById('hedrail_title').innerHTML = '3 on 1 Headrail';
  }
}
function selectHeadrail(obj, product_id, priceFieldID, priceTypeFieldID) {
  var sel;
  sel = obj.selectedIndex;
  if (sel == 0) {
    document.getElementById('calc').style.display = 'none';
    document.getElementById('leftPanel').style.display = 'none';
    document.getElementById('centerPanel').style.display = 'none';
    document.getElementById('rightPanel').style.display = 'none';
    document.getElementById('title').style.display = 'none';
  }
  if (sel == 1) {
    document.getElementById('calc').style.display = '';
    document.getElementById('leftPanel').style.display = '';
    document.getElementById('centerPanel').style.display = 'none';
    document.getElementById('rightPanel').style.display = '';
    document.getElementById('title').style.display = '';
    document.getElementById('hedrail_title').innerHTML = '2 on 1 Headrail';
  }
  if (sel == 2) {
    document.getElementById('calc').style.display = '';
    document.getElementById('leftPanel').style.display = '';
    document.getElementById('centerPanel').style.display = '';
    document.getElementById('rightPanel').style.display = '';
    document.getElementById('title').style.display = '';
    document.getElementById('hedrail_title').innerHTML = '3 on 1 Headrail';
  }
  check_change_constraint(product_id, obj, priceFieldID, priceTypeFieldID);
}