// JavaScript "view more" collapsible div's on section pages
	
	//toggle text control for each box
	var Toggled1=false;
	var Toggled2=false;
	var Toggled3=false;
	var Toggled4=false;
	
$(document).ready(function() {
 // hides the box as soon as the DOM is ready
 // (a little sooner than page load)
  $('.hidebox').hide();

 // toggles the hidebox on clicking the noted link
  $('a#hidebox1-toggle').click(function() {
	if (Toggled1==false){
		$(this).text("view less");
		Toggled1=true;
	} else {
		$(this).text("view more");
		Toggled1=false;
	}
	$('#hidebox1').slideToggle('fast');
		$(this).toggleClass("active-arrow"); 
	return false;
  });
  
  
  
   $('a#hidebox2-toggle').click(function() {
	if (Toggled2==false){
		$(this).text("view less");
		Toggled2=true;
	} else {
		$(this).text("view more");
		Toggled2=false;
	}
	$('#hidebox2').slideToggle('fast');
	$(this).toggleClass("active-arrow");
	return false;
  });
   
   
   
    $('a#hidebox3-toggle').click(function() {
	if (Toggled3==false){
		$(this).text("view less");
		Toggled3=true;
	} else {
		$(this).text("view more");
		Toggled3=false;
	}
	$('#hidebox3').slideToggle('fast');
	$(this).toggleClass("active-arrow");
	return false;
  });
  
  
  
   $('a#hidebox4-toggle').click(function() {
	if (Toggled4==false){
		$(this).text("view less");
		Toggled4=true;
	} else {
		$(this).text("view more");
		Toggled4=false;
	}
	$('#hidebox4').slideToggle('fast');
	$(this).toggleClass("active-arrow");
	return false;
  });
  
});