var zoomToFirstMarker = false

    function load(zoomLevel,initialCenterX,initialCenterY) {
      if (GBrowserIsCompatible()) {
        if (zoomLevel == undefined || initialCenterX == undefined || initialCenterY == undefined )
        {
          zoomLevel = 4;
          initialCenterX = 51.037252;
          initialCenterY = -10.345619;
          zoomToFirstMarker = true;
        }
        map = new GMap2(document.getElementById("thePackagingMap"));
        map.setCenter(new GLatLng(initialCenterX, initialCenterY ), zoomLevel);
        map.addControl(new GLargeMapControl());
        map.setMapType(G_SATELLITE_MAP);
        var mapControl = new GMapTypeControl();
        map.addControl(mapControl);

      }
    }



    function createSupplierMarker(lat, lng, SupplierName,LocationName, Description, link, img) {
        var latlng = new GLatLng(lat, lng)
        var marker = new GMarker(latlng);
        map.addOverlay(marker)

        GEvent.addListener(marker, "click", function() {
        var myHtml = '<h3><a href="' + jquerySiteURL + '/packaging-suppliers/' + link + '/">' +
        SupplierName + ' - ' + LocationName + '</a></h3>';

        myHtml += '<p>' + Description + '</p><p>&nbsp;</p>';
         map.openInfoWindowHtml(latlng, myHtml);
        });

        if ($('#SupplierList').length) {
            $('#SupplierList').append('<img id="' + link + 'Logo" src="' + jquerySiteURL + img + '">')
            $('#SupplierList').width($('#SupplierList').width() + 150)
            $('#' + link + 'Logo').click(function() { map.panTo(latlng) })
            $('#' + link + 'Logo').click(function() {
        var myHtml = '<h3><a href="' + jquerySiteURL + '/packaging-suppliers/' + link + '/">' +
        SupplierName + ' - ' + LocationName + '</a></h3>';

        myHtml += '<p>' + Description + '</p><p>&nbsp;</p>';
         map.openInfoWindowHtml(latlng, myHtml);
        })
        }
        return marker;
    }


    function createSupplierSecondMarker(lat, lng, SupplierName,LocationName, Description, link, img) {
       	var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = jqueryFilesPath + "/global/images/icons/blue-marker.png";
		
		// Set up our GMarkerOptions object
		theMarkerOptions = { icon:blueIcon };

		var latlng = new GLatLng(lat, lng)
        var marker = new GMarker(latlng, theMarkerOptions);
        map.addOverlay(marker)

        GEvent.addListener(marker, "click", function() {
        var myHtml = '<h3><a href="' + jquerySiteURL + '/packaging-suppliers/' + link + '/">' +
        SupplierName + ' - ' + LocationName + '</a></h3>';

        myHtml += '<p>' + Description + '</p><p>&nbsp;</p>';
         map.openInfoWindowHtml(latlng, myHtml);
        });

        return marker;
    }




function createSupplierLocation(lat, lng, SupplierName,LocationName, Description, link) {
    var latlng = new GLatLng(lat, lng)
    var marker = new GMarker(latlng);
    map.addOverlay(marker)

    GEvent.addListener(marker, "click", function() {
        var myHtml = '<h3><a href="' + jquerySiteURL + '/packaging-suppliers/' + link + '/">' +
        SupplierName + ' - ' + LocationName + '</a></h3>';

        myHtml += '<p>' + Description + '</p><p>&nbsp;</p>';

        map.openInfoWindowHtml(latlng, myHtml);
    });

    if(zoomToFirstMarker)
    {
      map.panTo(latlng)
      zoomToFirstMarker = false;
    }

    
    return marker;
}

function createSupplierSecondLocation(lat, lng, SupplierName, LocationName, Description, link) {
    var blueIcon = new GIcon(G_DEFAULT_ICON);
    blueIcon.image = jqueryFilesPath + "/global/images/icons/blue-marker.png";

    // Set up our GMarkerOptions object
    theMarkerOptions = { icon: blueIcon };

    var latlng = new GLatLng(lat, lng)
    var marker = new GMarker(latlng, theMarkerOptions);
     
    map.addOverlay(marker)

    GEvent.addListener(marker, "click", function() {
        var myHtml = '<h3><a href="' + jquerySiteURL + '/packaging-suppliers/' + link + '/">' +
        SupplierName + ' - ' + LocationName + '</a></h3>';

        myHtml += '<p>' + Description + '</p><p>&nbsp;</p>';

        map.openInfoWindowHtml(latlng, myHtml);
    });

    if (zoomToFirstMarker) {
        map.panTo(latlng)
        zoomToFirstMarker = false;
    }


    return marker;
}