function showHide(activeDivName) {
  var ele = '';
  var allDivNames = new Array();
  allDivNames[1] = 'blocks-pulleys';
  allDivNames[2] = 'boom-hardware';
  allDivNames[3] = 'davits-hoists';
  allDivNames[4] = 'deck-blocks';
  allDivNames[5] = 'genoa-cars';
  allDivNames[6] = 'kayak-racks';
  allDivNames[7] = 'mainsheet-travellers';
  allDivNames[8] = 'mast-blocks';
  allDivNames[9] = 'miscellaneous';  
  allDivNames[10] = 'rigging-clew';
  allDivNames[11] = 'deck-gear';
  allDivNames[12] = 'unibody-series';
  
  for (i=1; i <= 12; i++) {
    ele = document.getElementById(allDivNames[i]);
    ele.style.display = "none";
  }
	ele = document.getElementById(activeDivName);
  ele.style.display = "block";
} 

function effectOn(activeDivName) {
  
  document.getElementById(activeDivName).style.background = "url(/images/link-icon-bg2.jpg)";
  document.getElementById(activeDivName).style.backgroundRepeat = "no-repeat";
  document.getElementById(activeDivName).style.backgroundPosition = "left center";
  document.getElementById(activeDivName).style.backgroundColor = '#C50500';
} 

function effectOff(activeDivName) {
    document.getElementById(activeDivName).style.background = "url(/images/link-icon-bg.jpg)";
    document.getElementById(activeDivName).style.backgroundRepeat = "no-repeat";
    document.getElementById(activeDivName).style.backgroundPosition = "left center";
    document.getElementById(activeDivName).style.backgroundColor = '#F10505';
}