// THE FOLLOWING TWO FUNCTIONS ARE USED TO SHOW/HIDE LAYERS IN THE CONTENT SECTIONS

  function showLayer(name) {
   var showArrow = name + "_show";
   var hideArrow = name + "_hide";
   var layerName = document.getElementById(name);
   var showArrowLayer = document.getElementById(showArrow);
   var hideArrowLayer = document.getElementById(hideArrow);
   layerName.style.display='block';
   showArrowLayer.style.display='none';
   hideArrowLayer.style.display='block';   
  }
  
  function hideLayer(name) {
   var showArrow = name + "_show";
   var hideArrow = name + "_hide";
   var layerName = document.getElementById(name);
   var showArrowLayer = document.getElementById(showArrow);
   var hideArrowLayer = document.getElementById(hideArrow);
   layerName.style.display='none';
   showArrowLayer.style.display='block';
   hideArrowLayer.style.display='none';
  }

function closeDivs() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
//if (myHeight < 1000) {
 hideAll();
//}  
}


 function hideAll() {
  x = 1;	 
  while (layerName != '') {
    var name = "feature" + x + "_content";
	var more = "feature" + x + "_content_show";
	var less = "feature" + x + "_content_hide";

    var layerName = document.getElementById(name);	
    var moreLayerName = document.getElementById(more);	
    var lessLayerName = document.getElementById(less);	
	
    if (layerName == null) {
     break
	} else {
     layerName.style.display='none';
     moreLayerName.style.display='block';
     lessLayerName.style.display='none';
	}
	x++;
   }
  //document.getElementById('showAllLayer').style.display = 'block'; 
  //document.getElementById('hideAllLayer').style.display = 'none';
  }