/* Species List Data */

function showSpeciesList(speciesToShow){
	$.getJSON('data_speciesList.json', function(speciesData){
		var offset = 0;
		var limit = 5;
		// See Next Species Offset
		if(speciesToShow=='next'){
			var show = parseInt($("ul#speciesList").attr("title"));
			var next = show+1;
				offset = show * 5;
				limit = offset + 5;
			var offs = offset;
			if(next>2){ next=0; }
			if(offs==0){ offs=1; }
			$("ul#speciesList").empty();
			$("span#speciesDisp").empty();
			$("span#speciesDispBottom").empty();
			$("span#speciesDisp").append(offs+" to "+limit+" of 15");
			$("span#speciesDispBottom").append(offs+" to "+limit+" of 15"); 
			$("ul#speciesList").attr("title",next);
		}

		// alert("offset:"+offset+" limit:"+limit);

		for(var i=0;i<speciesData.species.length;i++){

			/* Create Species Drop Down Filter List */
			$("ul#speciesSortList").append("<li class='speciesFilter' id='"+speciesData.species[i].file+"'>"+speciesData.species[i].name+"</li>");

			/* Show left hand Species List for Offset/Limit */
			if(i>=offset && i<limit){
				$("ul#speciesList").append( 
					"<li class='speciesListItem'><img class='species' "+
					"src='media/species/"+speciesData.species[i].file+"/species-"+speciesData.species[i].file+".jpg' alt='"+speciesData.species[i].name+"' />"+
					"<div class='speciesDesc'>"+
						"<h3>"+speciesData.species[i].name+"</h3>"+
						"<div class='speciesDescCopy'>"+speciesData.species[i].copy+"</div>"+
						"<span class='speciesCount'>"+speciesData.species[i].count+"</span>"+
					"</div><img class='speciesMap' "+
					" src='media/species/"+speciesData.species[i].file+"/map-"+speciesData.species[i].file+".gif' alt='"+speciesData.species[i].name+" Habitat Map' />"+
					"<a class='learnMore' href='/about/?s="+speciesData.species[i].file+"'>learn&nbsp;more</a></li>");
			}
		}
		
		
		/* Set the Filter DropDown Click function */
		$('li.speciesFilter').click(function(){
			showWall(0,0,$(this).text());
		});
		
		
	});
}