if (GBrowserIsCompatible()) 
{
	var map = new GMap2(document.getElementById("map"));
	//var mgr = new MarkerManager(map);
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	//map.addControl(new GOverviewMapControl());
	//map.setCenter(new GLatLng(latitude,longitude), 11, G_NORMAL_MAP);
	//map.setCenter(new GLatLng(latitude,longitude), 11);
	//map.setCenter(new GLatLng(latitude, longitude), 13);
	// THIS WILL GENERATE A BALOON WINDOW ON MAP.
	//map.openInfoWindow(map.getCenter(), document.createTextNode("Creates Baloon Window"));		
	
	var markerOverIcon = new GIcon();		
	
	//markerOverIcon.image = "resource/image/orange.png";
	//markerOverIcon.shadow = "resource/image/shadow.png";
	
	markerOverIcon.iconSize = new GSize(18, 37);
	markerOverIcon.shadowSize = new GSize(27, 37);
	markerOverIcon.iconAnchor = new GPoint(6, 20);
	markerOverIcon.infoWindowAnchor = new GPoint(10, 1);

		// This function draws lines to join marker point.
	function iDrawPolyLine(points)
	{
		map.addOverlay(new GPolyline(points));
	}

	// This function generates Marker point on map.
	function iGenerateMarkers(latitude, longitude, msgLabel, category, cIcon )
	{	
		var point = new GLatLng(latitude, longitude );
		var	cmarker;
		if (cIcon == null || cIcon == '' || typeof(cIcon) == 'undefined')
		{
			var	cmarker = createMarker(point, msgLabel);
			//map.addOverlay(cmarker);	
		}	
		else
		{	
			var	cmarker	=	createMarker(point, msgLabel, cIcon);
				//map.addOverlay(cmarker);	
		}	
		GEvent.addListener(cmarker, "mouseover", function() {
			markerOverIcon.image = setmarkerimage(category); 
			cmarker.setImage(markerOverIcon.image);
			cmarker.openInfoWindowHtml('' + msgLabel + '');				
		});
		GEvent.addListener(cmarker, 'infowindowopen', function() {
				//cmarker.setImage("http://images.trulia.com/images/map/markers/orange.png");
			markerOverIcon.image = setmarkerimage(category);
			cmarker.setImage(markerOverIcon.image);
		});
		GEvent.addListener(cmarker, 'infowindowclose', function() {
			cIcon.image = setmarkerimage(category); 
			cmarker.setImage(cIcon.image);
		});
			map.addOverlay(cmarker);	
		return cmarker;
	}		
	// Creates a marker at the given point with the given label
	function createMarker(point, msgLabel, cIcon) 
	{
		//var marker = new GMarker(point);
		if (cIcon == null || cIcon == '' || typeof(cIcon) == 'undefined')
			var marker = new GMarker(point);
		else
		{
			// Customized to display Custom Icon symbol
			var marker = new GMarker(point,cIcon);
		}	
		return marker;
	}

		// ====== set up marker mouseover tooltip div ======
	var tooltip = document.createElement("div");
	map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip);
	tooltip.style.visibility="hidden";
}

var forRestaurants = document.getElementById("property").value;
salePointMarker(forRestaurants);
function salePointMarker(forRestaurants, actType)
{
	map.clearOverlays();

	var	forRestaurantsArray	=	[];
	forRestaurantsArray = forRestaurants.split('###');
		
	var mainSaleArray= [];
	//alert(forRestaurantsArray.length);
	
	for(var i=0; i <(forRestaurantsArray.length)-1; i++)
	{
		mainSaleArray[i]= forRestaurantsArray[i].split("|~|");
		//alert('dev');
	}
	map.setCenter(new GLatLng(mainSaleArray[0][0],mainSaleArray[0][1]),13);

	var newSalePointsArr = [];
	var newSaleMarkerArr = [];
		
	
	if (actType == 'remove')
	{
	//	for (i=0; i < newSaleMarkerArr.length; i++)
	//	{
		//	map.removeOverlay(newSaleMarkerArr[i]);
	//	}			
	}
	else
	{
		var saleIcon = new GIcon();
		//saleIcon.image = "resource/image/orange.png";
		saleIcon.shadow = "resource/image/shadow.png";
		//saleIcon.iconSize = new GSize(12, 20);
		//saleIcon.shadowSize = new GSize(22, 20);
		//saleIcon.iconAnchor = new GPoint(6, 20);
		saleIcon.iconSize = new GSize(18, 37);
		saleIcon.shadowSize = new GSize(27, 37);
		saleIcon.iconAnchor = new GPoint(6, 20);
		saleIcon.infoWindowAnchor = new GPoint(5, 1);
		
		//alert(mainSaleArray.length);
		for(i=0; i < mainSaleArray.length; i++)
		{
			var latitude;
			var longitude;
			var message;
			var category;
			
			latitude	=	mainSaleArray[i][0];
			longitude	=	mainSaleArray[i][1]; 
			message		=	mainSaleArray[i][2];
			category 	= 	mainSaleArray[i][3];
			
			saleIcon.image = setmarkerimage(category);
			
			var newSalePoint;
			var newSaleMarker;				
			
			newSaleMarker		=	iGenerateMarkers(latitude, longitude, message, category, saleIcon);
			newSalePoint		=	new GLatLng(latitude, longitude );
			newSalePointsArr.push(newSalePoint);
			newSaleMarkerArr.push(newSaleMarker);
			//iDrawPolyLine(newSalePoint);
		}
	}	
}

function setmarkerimage(category)
{
	var image_name;
	switch(category)
	{
		case "Hotel":
			image_name = "resource/image/blue_hotel.png";
		break;	
		case "B&B":	
			image_name = "resource/image/green_bread.png";
		break;	
		case "Travel":	
			image_name = "resource/image/red_travel.png";
		break;	
		case "Rental":	
			image_name = "resource/image/orange_rental.png";
		break;	
		case "Seminar":	
			image_name = "resource/image/grey_seminar.png";
		break;	
	}
return image_name;
}