// JScript File
var Gmap;
var markerGroups = { "PlacestoVisit": [], "ThingstoDo": [], "HeritageHistory": [], "ArtsEntertainment": [], "PlacestoStay": []};
var markers = [];
var mgrOptions = { borderPadding: 100, maxZoom: 0, trackMarkers: false };
var Gmgr;

function initialize(map,lat,lng, arrEleIds) 
{
    if (GBrowserIsCompatible()) 
    {
        Gmap = new GMap2(document.getElementById(map));

        Gmap.addControl(new GSmallMapControl());
        Gmap.addControl(new GScaleControl());
        Gmap.setCenter(new GLatLng(lat, lng), 10,G_HYBRID_MAP);

        var strmarkersinfo = '';
        var arrmarkers = []

        if (arrEleIds != null)
        {
            arrEleIds = arrEleIds.split(',');
            for (var i = 0; i < arrEleIds.length; i++) 
            {
                if (document.getElementById(arrEleIds[i])!= null)
                {
                    strmarkersinfo += document.getElementById(arrEleIds[i]).value 
                    if (i < arrEleIds.length-1) {strmarkersinfo += ("|")};
                }
            }
         
            arrmarkers =  strmarkersinfo.split("|");
        }


        
        // adds the markers to the map
		for (var i = 0; i < arrmarkers.length; i++) 
		{ 
	        var Lat = ''
            var Lng = ''
            var name = ''
            var xid = ''
            var type = ''
            var info = ''
			//var zoom = Gmap.getZoom()
		    if (arrmarkers[i] != null)
            {
                Lat = parseFloat(arrmarkers[i].split(",")[0]);
                Lng = parseFloat(arrmarkers[i].split(",")[1]);
                xid = arrmarkers[i].split(",")[2];
                name = decodeURIComponent(arrmarkers[i].split(",")[3]);
                type = arrmarkers[i].split(",")[4];
                info = decodeURIComponent(arrmarkers[i].split(",")[5]);
                info = info.replace(/\+/g,' ');
                
                if ((Lat.toString() != "NaN") && (Lng.toString() != "NaN"))
                {
                    var point = new GLatLng(Lat,Lng);        
                    var marker = createMarker(point,name,info,type);
					
                    if (type != null )
                    {
                        markerGroups[type].push(marker);
                        Gmap.addOverlay(marker);
                    }

                }
            }

        }
        
  }      

}
        
function toggleGroup(type) 
{
    for (var i = 0; i < markerGroups[type].length; i++) 
    {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) 
        {
            marker.show();
        } 
        else 
        {
            marker.hide();
        }
    } 
}
    
// creates a marker
function createMarker(point,name,info,type) 
{             
    // create the base icon
    var baseIcon = new GIcon();baseIcon.shadow = "http://www.visitnpt.co.uk/images/googlemaps/icons/shadow.png";
    baseIcon.iconSize = new GSize(23, 23);baseIcon.shadowSize = new GSize(23, 23);
    baseIcon.iconAnchor = new GPoint(0, 0);baseIcon.infoWindowAnchor = new GPoint(12, 12);
    baseIcon.infoShadowAnchor = new GPoint(0, 0);
	
    var CustomIcon = new GIcon(baseIcon);  
    CustomIcon.image = "http://www.visitnpt.co.uk/images/googlemaps/icons/" + type + ".png";  

    markerOptions = { icon:CustomIcon };  
    var marker = new GMarker(point, markerOptions); 
    
	if (name == 'The+Castle+Hotel') {
		info = '<strong>The Castle Hotel</strong><br/>The Parade<br/>Neath<br/>SA11 1RB<br/><strong>The Bluebell Hotel</strong><br/>14 The Parade<br/>Neath<br/>SA11 1RA';
    }
	
    GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(info);});

    return marker;
}