// navigate nature trail images one by one.
PicVar = 0;
// Object Fix 
function Fix(PicVal, TitVal) { 
   this.PicVal = PicVal 
   this.TitVal = TitVal 
} 

// Create new main array. 
var pArray = new Array()
pArray[PicVar++] = new Fix("images/naturetrail/d21.jpg", "<p>MANGROVE ECOSYSTEM Sign - Mangrove ecosystems are some of the most productive systems in the world. As science advances our understanding, we are realizing how important these systems are. We continue to protect and preserve these ecosystems through establishing new laws; limiting development and restoring previously impacted areas.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d22.jpg", "<p>Mangroves occupy the fringe of shallow bays & estuaries in areas determined by tidal water & concentration of salt & soil. Mangroves protect the shorelines from erosion, are the basis for building barrier islands, and are essential in the marine food chain.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d23.jpg", "<p>Overhead canopy. The canopy is thick, holding moisture in the mangrove forest.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d24.jpg", "<p>Overhead canopy.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d25.jpg", "<p>Boardwalk splitting off. Forward right is example of <b>White Mangrove Trees</b>, located more to the landward side of the boardwalk. Their leaves are succulent and round located just opposite of each other on the stem.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d26.jpg", "<p>Entering the <b>Wading Birds</b> seating area lagoon. In the top of the mangroves are several colonies of water birds that nest, including the little blue heron, snowy egret, white egret, white ibis, anhinga, and brown pelican. One of the more beautiful birds to spot is the pink plumed &quot;roseate spoonbill&quot;. Take time to sit and watch these birds wading through the waters spotting food.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d27.jpg", "<p>Wading Birds</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d28.jpg", "<p>We have five seating areas where small groups can enjoy the serenity of the <b>mangrove forest</b>, studying the many aspects of the eco-system. Each seating area overlooks five specific features of the mangrove forest.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d29.jpg", "<p>As the boardwalk winds and turns, you will see here a great example of the <b>Red Mangrove</b> root system. <b>Red mangrove trees</b> are in the more water -ward areas of the forest. The prop root systems anchor the trees in the mud creating an intricate net that reduces tidal currents, traps sediments and provides numerous surfaces for the attachment of marine organisms.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d210.jpg", "<p><b>Red mangrove</b> prop root system.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d211.jpg", "<p><b>White Mangrove</b> sign. Taking a leaf from the White Mangrove you can touch your tongue to the leaf taking a taste, which will be very salty as the salt is excreted through the leaves.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d212.jpg", "<p>Cross over one of our three bridges overlooking our Canoe Trail.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d213.jpg", "<p>Boardwalk winding deeper into the mangrove forest.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d12.jpg", "<p>North Entrance of Boardwalk to the Mangrove Forest. There are over 300 types of mangrove trees in the world. Here in Southwest Florida we have three - (1) <b>Red Mangrove</b> (2) <b>White Mangrove</b> (3) <b>Black Mangrove</b>. The Mangroves are an important aspect of the <b>Eco System Food Chain</b>.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d13.jpg", "<p><b>Tidal Currents</b> coming in from the Gulf of Mexico feed the Mangrove System with water, salt, many species of marine life.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d14.jpg", "<p><b>Winding the Boardwalk</b> through the Mangrove Forest we were able to preserve existing mature trees and minimize any disturbance. The Boardwalk was completely built by hand. No heavy equipment was used.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d15.jpg", "<p>Scenery from deep within the Mangrove Forest.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d16.jpg", "<p>Examples of the Mangrove Root system</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d17.jpg", "<p><b>Black Mangrove Trees</b> receive tidal water only on very high tides. These areas tend to have flooded waters for long periods of time, and have a high concentration of salt. It is a taller tree with an open understory and almost black bark. It's pencil-like projections called pneumatophores, which is the tree's &quot;breathing tube&quot;, (exchanging gas). The leaves are dark green on top.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d18.jpg", "<p>Note the many different directions that the boardwalk leads you.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d19.jpg", "<p>Bridge over water.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d110.jpg", "<p>Seating area where many species of fish can be identified. Lurking in the shadows of the mangroves are the larger fish including snook, redfish, sheepshead, crevalle jack, mullet, and tarpon. Southern stingrays also have been spotted.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d111.jpg", "<p>Southern most overlook. <b>Cycle of Life</b> can be seen in this area. When the leaves and other plant material fall from the Mangrove Trees they will decay into detritus, and are then flushed into the bay areas through the tidal system, becoming the food essential to the survival of nearly all the fish, shellfish, crabs and other animals of both the near shore and offshore marine environment.</p>")
pArray[PicVar++] = new Fix("images/naturetrail/d112.jpg", "<p>Sign and seating area, which explains the Cycle of Life! These leaves are the food for crabs, shrimp and a variety of microorganisms. These small creatures in turn become food for the larger animals of the marine environment, which in turn are eaten by larger predators! Hence- the <b>&quot;Cycle of Life&quot;</b>.</p>")

last = PicVar - 1;
current = 0;

function showpicture(newpic) {
  current = newpic;
  document.getElementById("displayPicture").innerHTML = "<img border='2' src='" + pArray[current].PicVal + "'>";
  document.getElementById("displayText").innerHTML = pArray[current].TitVal
}	

function PreviousPicture() {
  last = current;
  current--;
  if(current<0) current = PicVar - 1;
  showpicture(current);
}

function NextPicture() {
  last = current;
  current++;
  if (current>=PicVar) current = 0;
  showpicture(current);
}
