var map;
var markersArray = [];

function createMap()
{
	var latlng = new google.maps.LatLng(mapLat, mapLong);	
	var myOptions = {
		zoom: mapZoom,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.TERRAIN
	};
	map = new google.maps.Map(document.getElementById("full-map-canvas"), myOptions);
	
	$.localScroll({
		duration: 600
	});
	
	$(".result-plot").live("click", function()
	{
		deleteMarkers();
		var id = $(this).attr("id").substr(5);
		drawMarker(id, true);		
		return false;		
	})
	
	if (!searching)
	{
		$.each(data, function(key, value)
		{
			drawMarker(key, false);
		});
	}
	
}

function deleteMarkers()
{
	if (markersArray)
	{
		for (i in markersArray)
		{
			markersArray[i].setMap(null);
		}
	}
}

function drawMarker(id, center)
{
	var position = new google.maps.LatLng(data[id].lat, data[id].long);	
	var icon = (public) ? "elws" : "status" + data[id].statusid;
	
	var marker = new google.maps.Marker({
		position: position,
		map: map,
		icon: "/img/icons/" + icon + ".png",
		title: data[id].siteref + " - " + data[id].sitename
	});
	
	markersArray.push(marker);
	
	if (center)
	{		
		map.setCenter(position);
	}
	
	var infoWindow = new google.maps.InfoWindow({
		content: getInfo(data[id])
	});
	
	google.maps.event.addListener(marker, 'click', function()
	{
		infoWindow.open(map, marker);
	});	
	
}

function getInfo(data)
{
	var info = '<div class="map-overlay">';
	
	if (!public)
	{
		info += '<h3 class="status' + data.statusid + '">' + data.status + "</h3>";
	}
		
	info += '<p>';
	info += 'Site Name: <span>' + data.sitename + '</span><br />';
	info += 'Site Ref: <span>' + data.siteref + '</span><br />';
	info += 'Local Authority: <span>' + data.localauthority + '</span><br />';
	info += 'Parish Town: <span>' + data.parishtown + '</span><br />';
	info += 'Habitat: <span>' + data.habitat + '</span><br />';
	info += 'Area (Ha): <span>' + data.area + '</span><br />';
	info += 'UK Grid Ref: <span>' + data.ukgridref + '</span><br />';
	info += '</p>';
	info += '<div>';
	
	
	info += '<a href="/sites/view/' + data.id + '">Detail</a>';
	
	if (!public)
	{
		info += '<a href="/sites/update/' + data.id + '">Update</a>';
	}
		
	info += '</div>';
	info += '</div>';
	
	return info;
	
}