var cur_lyr;
function swapLayers(id) {
  if (cur_lyr)
  { 
  hideLayer(cur_lyr)
  }
  else
  {
  hideLayer('lyr2');
  hideLayer('lyr3');
  hideLayer('lyr4');
  hideLayer('lyr5');
  };
  showLayer(id);
  cur_lyr = id;
}

function showLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css)
  {
    lyr.css.display = "block";
  }
}

function hideLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css)
  {
  lyr.css.display = "none";
  }
}




var cur_products;
function swapLayersProducts(id) {
	
  if (cur_products)
  { hideLayerProducts(cur_products);
  	
  }
  showLayerProducts(id);
  cur_products = id;
}

function showLayerProducts(id) {
  var products = getElemRefs(id);
  if (products && products.css)
  { 
  products.css.background = "red";
  products.css.color = "white";  
  };
}

function hideLayerProducts(id) {
  var products = getElemRefs(id);
  if (products && products.css)
  { 
  products.css.background = "#EFEFEF";
  products.css.color = "#4D4D4D"; 
   
  };
  
}

function getElemRefs(id) {
  var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
  if (el) el.css = (el.style)? el.style: el;
  return el;
}