// JScript File

function load() 
{      
         
         
        SetMapWidth();
        FormatMap();
        Markers();
}
var map ;
var placeholdername='';
function Markers()
{
   	if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"),{ size: new GSize(500,500) } );
  		//map.removeMapType(G_HYBRID_MAP);
		map.setCenter(new GLatLng(54.3549556895541, -5.0537109375), 6,G_HYBRID_MAP);
	
            map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(0, 0)));
            map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(0, 0)));
            var latitudeResult=document.getElementById(placeholdername+'hdnLatitude').value.split(",");
            var longitudeResult=document.getElementById(placeholdername+'hdnLongitude').value.split(",");
            var lat;
            var lng;
            var message=document.getElementById(placeholdername+'hdnMessage').value.split("^");
            var bounds = new GLatLngBounds();
            for(i = 0; i < latitudeResult.length-1; i++)
            {
                var point = new GLatLng(latitudeResult[i],longitudeResult[i]);
                map.addOverlay(createMarker(point,message[i],'HeadOffice'));
                 bounds.extend(point);
                lat=latitudeResult[i];
                lng=longitudeResult[i];
            }
            var branchLatitude=document.getElementById(placeholdername+'hdnBranchLat').value.split(",");
            var branchLongitude=document.getElementById(placeholdername+'hdnBranchLng').value.split(",");
            var branchMessage=document.getElementById(placeholdername+'hdnBranchMsg').value.split("^");
            
            for(i = 0; i < branchLatitude.length-1; i++)
            {
                var branchpoint = new GLatLng(branchLatitude[i],branchLongitude[i]);
                map.addOverlay(createMarker(branchpoint,branchMessage[i],'Branch'));
                bounds.extend(branchpoint);
            }
            var zoom=document.getElementById(placeholdername+'hdnZoom').value;
              if(point || branchpoint)
            {
                map.setZoom(map.getBoundsZoomLevel(bounds));
                map.setCenter(bounds.getCenter());

            }
            else
            {
            map.setCenter(new GLatLng(54.3549556895541, -5.0537109375),6);
          
            }
		}
		else
        {
            alert('Browser not compatible');
        }
     return false;
    
}
function SetCenter()
{

      map.closeInfoWindow(); 
      map.setCenter(new GLatLng(54.3549556895541, -5.0537109375),6);
    //  map.checkResize(); 
      //window.location='#Top';
      return false;
}
function createMarker(point, message,clinicType)
{  
    var myIcon = new GIcon();
        if(clinicType=='HeadOffice')
        {
            myIcon.image = '../images/baloon-main-on.png';
        }
        else
        {
            myIcon.image = '../images/baloon-branch-on.png';
        }
            myIcon.transparent = '../images/baloon-main-transparent.png';
            myIcon.shadow = '../images/baloon-main-shadow.png';
            myIcon.iconAnchor = new GPoint(6,20);
            myIcon.infoWindowAnchor = new GPoint(5,1); 
            myIcon.iconSize = new GSize(32,31);
            var marker = new GMarker(point,myIcon);  
            GEvent.addListener(marker, "click", 
            function() {    marker.openInfoWindowHtml(message);  });
            return marker;
           
}
function SetInfoWindow(lat,lng,zoom,clinicType,ClinicName,Address,ZipCode,PhoneNumber)
{
//alert(clinicType + ClinicName + Address + ZipCode + PhoneNumber);
var tblMsg='<table class=\"mapinfowindow\"><tr align=\"left\"><td>';
    tblMsg=tblMsg+'<B>' + ClinicName+ '</B>';
    tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
    tblMsg=tblMsg+Address;
    tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
    tblMsg=tblMsg+ZipCode;
    tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
    tblMsg=tblMsg+PhoneNumber;
    tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
    tblMsg=tblMsg+'<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"map.zoomIn();\">Zoom In</a>&nbsp;|&nbsp;<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"map.zoomOut();\">Zoom Out</a>&nbsp;|&nbsp;<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"SetCenter();\">Show All Clinics</a>';
    tblMsg=tblMsg+'</td></tr></table>';
    SetMarkers(lat,lng,tblMsg,zoom,clinicType);
   
}
function SetInfoWindowForBranch(lat,lng,zoom,clinicType,BranchName,Address,ZipCode,PhoneNumber,Fax)
{
var tblMsg='<table class=\"mapinfowindow\"><tr align=\"left\"><td>';
tblMsg=tblMsg+'<B>' +BranchName+ '</B>';
tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
tblMsg=tblMsg+Address;
tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
tblMsg=tblMsg+ZipCode;
tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
tblMsg=tblMsg+'Tel: ';
tblMsg=tblMsg+PhoneNumber;
tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
tblMsg=tblMsg+'Fax: ';
tblMsg=tblMsg+Fax;
tblMsg=tblMsg+'</td></tr><tr align=\"left\"><td>';
tblMsg=tblMsg+'<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"map.zoomIn();\">Zoom In</a>&nbsp;|&nbsp;<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"map.zoomOut();\">Zoom Out</a>&nbsp;|&nbsp;<a class=\"blue-links\" style=\"cursor: pointer;\" onclick=\"SetCenter();\">Show All Clinics</a>';
tblMsg=tblMsg+'</td></tr></table>';
 SetMarkers(lat,lng,tblMsg,zoom,clinicType);
   
}
function SetMarkers(lat,lng,msg,zoom,clinicType)
{
    
    if (GBrowserIsCompatible()) 
    { 
       
        map.enableDoubleClickZoom();
        map.enableContinuousZoom();
        map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(0, 0)));
        map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(0, 0)));
        var myIcon = new GIcon();
        if(clinicType=='HeadOffice')
        {
        
            myIcon.image = '../images/baloon-main-on.png';
        }
        else
        {
            myIcon.image = '../images/baloon-branch-on.png';
        }
        myIcon.transparent = '../images/baloon-main-transparent.png';
        myIcon.shadow = '../images/baloon-main-shadow.PNG';
        myIcon.iconAnchor = new GPoint(6,20);
        myIcon.infoWindowAnchor = new GPoint(5,1); 
        myIcon.iconSize = new GSize(32,31);
        var myMarker = new GMarker(new GLatLng(lat,lng),myIcon);
        
        //window.location='#Top';
        map.addOverlay(myMarker);
        myMarker.openInfoWindowHtml(msg);
        map.setCenter(new GLatLng(lat,lng),zoom);
        GEvent.addListener(myMarker, "click", function() {myMarker.openInfoWindowHtml(msg)});
    }
    
    return false;
}
function SetMapWidth()
{
 mapwidth = 500;
  document.getElementById('map').style.width='500px';
    document.getElementById('map').style.height='100%';

//if(screen.width>=1600)
//{
//    mapwidth = 1120;
//    document.getElementById('map').style.width='1120px';
//} 
//else if(screen.width>=1280 && screen.width < 1600)
// {
// mapwidth = 810;
//  document.getElementById('map').style.width='810px';
// }
// else if(screen.width >= 1152 && screen.width < 1280 )
// {
//   mapwidth = 680;
//  document.getElementById('map').style.width='680px ';
// }
// else  
// {
// mapwidth = 550;
//  document.getElementById('map').style.width='550px';
//    document.getElementById('map').style.height='100%';
// } 
  return false;
}
function FormatMap()
{

    if (GBrowserIsCompatible())
    { 
        map = new GMap2(document.getElementById("map"),{
      //  size : {width:500,height:500},
      size:new GSize(500,500),
        mapTypes : [G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]
        });
       
        map.setCenter(new GLatLng(54.3549556895541, -5.0537109375),6);
      //   map.checkResize(); 
        map.enableDoubleClickZoom();
        map.enableContinuousZoom();
        map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(0, 0)));
        map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(0, 0)));
        
    }

}