 function createMarker(point,html,img,hint) {
		 
		 	var somfyIcon = new GIcon(G_DEFAULT_ICON);
			
			if (img != "")
			{
		 		somfyIcon.image = img;
				var marker = new GMarker(point, {icon:somfyIcon, title: hint});
			}
			else
			{
				var marker = new GMarker(point, {title: hint});
			}
			
			GEvent.addListener(marker, "click", function() {
			  //alert(html);
			  marker.openInfoWindowHtml(html);
			});
			return marker;
}
// global js object
var map;	
function createMap(dealers,partnerships,labels){ 
	
	if (GBrowserIsCompatible()) {
		
		// create the instance of GMap
		map = new GMap2(document.getElementById("map"));
		
		map.addControl(new GLargeMapControl());
		// add map/satellite toggle 
		map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl());
		map.setCenter(new GLatLng('0','0'), 17);
		//gogglemaps V1 map.centerAndZoom(new GPoint('0','0'), 0);
		
		var bounds = new GLatLngBounds();
		var _lbShowDetails = 'Show Details';
		var _lbAddress = 'Address ';
		if(labels) {
			_lbShowDetails = labels['showDetails'];
			_lbAddress = labels['address'];
		}
			
		for (var i in dealers.result.DEALERS){
			var obj = dealers.result.DEALERS[i];
			var mylat = "";
			var mylng ="";
			var img = "";
			var point = new GLatLng(obj.lat,obj.lng);
			var point_pos = new String(obj.lat).indexOf(".");
			//if(point_pos > 0) mylat = "";
			
			
		
				
					
				// create the marker 
				//var marker = new GMarker(point);
				var html_marker='<table><tr><td><table style="text-align: left; width: 260px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td width="90px;"><span style="font-weight: bold;">Coordinates :</span></td><td></td></tr><tr><td>'+_lbAddress+':</td><td><span><b>'+obj.name+'</b></span></td></tr>';
				if(obj.address1 !='') html_marker+='<tr><td></td><td><span>'+obj.address1+'</span></td></tr>';
				if(obj.address2 !='') html_marker+='<tr><td></td><td>'+obj.address2+'</td></tr>';
				if(obj.zipcode !='') html_marker+='<tr><td></td><td>'+obj.city+' '+obj.state+' '+obj.zipcode+'</td></tr>';
				html_marker+='<tr><td></td><td><a href="javascript:showDealerDetails('+obj.id+')">'+_lbShowDetails+'</a></td></tr>';
				//if(obj.logo !='') html_marker+='<tr><td></td><td><img src="/common/img/library/dealerLogos/75x75/'+obj.logo+'" alt="'+obj.logo+'"></td></tr>';
				html_marker+='</td></tr></table>';							
				
				if(partnerships){
					if(obj.partnership1 == 1) {
						img = partnerships['1'].smallIcon;	
					}
					else if(obj.partnership2 == 1) {
						img = partnerships['2'].smallIcon;	
					}
					else if(obj.partnership3 == 1) {
						img = partnerships['3'].smallIcon;	
					}
					else if(obj.partnership4 == 1) {
						img = partnerships['4'].smallIcon;	
					}
					else if(obj.partnership5 == 1) {
						img = partnerships['5'].smallIcon;	
					}					
				}
				var displayNumber = parseInt(i)+1;
				var marker = createMarker(point, html_marker,img,displayNumber+'-'+obj.name);
				
				
				// Add the marker as an overlay 
				map.addOverlay(marker); 
				
				bounds.extend(point);
				
		}
		
			map.setZoom(map.getBoundsZoomLevel(bounds));
	
			  // ===== determine the centre from the bounds ======
			 map.setCenter(bounds.getCenter());
	}
	else
	{
		document.getElementById("map").innerHTML = "dealerlocator.googlemaps.GMapsBrowserKO" ;
	}

}

function zoomDealer(latitude,longitude) {
	var point = new GLatLng(latitude,longitude);
	map.setCenter(point, 17);
	var bounds = new GLatLngBounds();
	bounds.extend(point);
	map.setZoom(map.getBoundsZoomLevel(bounds)-4);
	document.getElementById("map").scrollIntoView();
}

function createMapForCustomer(obj) {

	if (GBrowserIsCompatible()) {
		
		// create the instance of GMap
		var map = new GMap2(document.getElementById("map"));		
		map.addControl(new GLargeMapControl());
		// add map/satellite toggle 
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(obj.lat,obj.lng), 17);
		//gogglemaps V1 map.centerAndZoom(new GPoint('0','0'), 0);
		
		var bounds = new GLatLngBounds();		
		var mylat = "";
		var mylng ="";
		var point = new GLatLng(obj.lat,obj.lng);
		//var point_pos = new String(obj.lat).indexOf(".");
		//if(point_pos > 0) mylat = "";				
		
		// create the marker 
		//var marker = new GMarker(point);
		var html_marker='<table><tr><td><table style="text-align: left; width: 260px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>Address :</td><td><span><b>'+obj.name+'</b></span></td></tr>';
		if(obj.address1 !='') html_marker+='<tr><td></td><td><span>'+obj.address1+'</span></td></tr>';
		if(obj.address2 !='') html_marker+='<tr><td></td><td>'+obj.address2+'</td></tr>';
		if(obj.zipcode !='') html_marker+='<tr><td></td><td>'+obj.city+' '+obj.state+' '+obj.zipcode+'</td></tr>';
		html_marker+='</td></tr></table>';							
		
		var marker = createMarker(point, html_marker,"",obj.name);		
		
		// Add the marker as an overlay 
		map.addOverlay(marker); 		
		bounds.extend(point);
		map.setZoom(map.getBoundsZoomLevel(bounds)-4);
		
		// ===== determine the centre from the bounds ======
		map.setCenter(bounds.getCenter());
	}
	else
	{
		document.getElementById("map").innerHTML = "dealerlocator.googlemaps.GMapsBrowserKO" ;
	}
}
function showDealerDetails(id) {
	document.getElementById(id).scrollIntoView();
	$('.dealerBox').css("background-color","");
	document.getElementById(id).parentNode.style.backgroundColor='#F8F8F8';
	//alert(document.getElementById(id).childNodes[0].style.backgroundColor='#cccccc';
	//document.getElementById(id).childNodes[0].style.backgroundColor='#cccccc';
}
	



