
function initSpecies() {
	initSpeciesMap();
}

function initSpeciesMap() {
	//var ctrlat = 40.747009;
	//var ctrlng = -73.989944;
	var ctrlat = document.getElementById('lat').value;
	var ctrlng = document.getElementById('lng').value;
	
	$('#speciesMap').jmap('init',{ 
                'mapType':'hybrid',
								'mapCenter':[ctrlat,ctrlng], 
								'mapZoom':18, 
                'mapEnableType':true, 
                'mapShowjMapsIcon': false
                }, 
								function(map,element,options) {
									mapObj = map;
	}); // end init function 
	//$('#speciesMap').jmap('CreateMarkerManager', {'markerManager':'MarkerManager'});
	
	createSpeciesMarker();
}

function createSpeciesMarker() {
	var species_name = document.getElementById('name').value;
	var folder = document.getElementById('folder').value;
	var number_sighted = document.getElementById('cnt').value;
	var time = document.getElementById('time').value;
	var lat = document.getElementById('lat').value;
	var lng = document.getElementById('lng').value;
	var user = document.getElementById('user').value;
	var sighting_user_id = document.getElementById('sighting_user_id').value;
	
	var species_dir = getSpeciesDir(species_name);
	
	var html = '';
	html += '<div id="hotspot_sighting_box">';
	html += '  <div id="hotspot_sighting_list" class="clearAfter">';
	html += '    <div class="clearAfter">';
	html += '      <div class="species_picture floatLeft">';
	html += '        <a href="' + base_url + 'species/view/' + species_dir + '" target="_blank"><img width="50" height="50" src="' + static_url + 'statics/images/species/' + folder + '/st.jpg" /></a>';
	html += '      </div>';
	html += '      <div class="species_desc floatRight">';
	html += '        <div class="species_title">SPECIES NAME:</div>';
	html += '        <div class="species_name"><a href="' + base_url + 'species/view/' + species_dir + '" target="_blank">' + species_name + '</a></div>';
	html += '      </div>';
	html += '    </div>';
	html += '    <div class="sighting_desc clearAfter">';
	html += '      <p>Quantity: ' + number_sighted + '</p>';
	if (user != '') {
			html += '      <p>User: <a href="' + base_url + 'profile/' + sighting_user_id + '" target="_blank">' + user + '</a></p>';
		}
	html += '      <p>Time Sighted: ' + time + '</p>';
	html += '    </div>';
	html += '  </div>';
	html += '</div>';
	
	$('#speciesMap').jmap('AddMarker',{ 
								'pointLatLng':[lat,lng],
                //'pointIsRemovable':true, 
                //'pointIsDraggable':true,
								'pointHTML':html
                }, function(marker, options) {
                        marker.openInfoWindowHtml(html);
                });
}