var map;        
var officeArray=new Array();
var s;
var responseCode;
var map;
var id;
var index;
var sidebarHTML="";
zoomPoint="";
zoomLevel=1;
var gmarkers = [];
var gdir;
var bounds;
var mapCanvasID;
var sideBarID;
var directionsID;
var timerlen = 5;
var slideAniLen = 500;
var xmlFile;
var singleAddress;
var singleAddressHtml;
var mapWidth;
var addressID;
var largeMapControl;
var showMapTypes;
var showMapControl;
var allowDirections;
var longtitude;
var latitude;
var showCoordinate;

function setID(MapCanvasID, SideBarID, DirectionsID, xmlSourceFile, SingleAddress, SingleAddressHtml, MapWidth, AddressID, LargeMapControl, ShowMapTypes, ShowMapControl, AllowDirections, Longtitude, Latitude, ShowCoordinate)
{
    mapCanvasID=MapCanvasID;
    sideBarID=SideBarID;
    directionsID=DirectionsID;
    xmlFile=xmlSourceFile;
    singleAddress=SingleAddress;
    singleAddressHtml=SingleAddressHtml;
    mapWidth=MapWidth;
    addressID=AddressID;
    largeMapControl=LargeMapControl;
    showMapTypes=ShowMapTypes;
    showMapControl=ShowMapControl;
    allowDirections=AllowDirections;
    longtitude=Longtitude;
    latitude=Latitude;
    showCoordinate=ShowCoordinate;
}

var count=0;
var timer;
function ReceiveServerData(arg, context) 
{
    if(document.getElementById(sideBarID)!=null)
    {
        document.getElementById(sideBarID).innerHTML="";
    }
    
    initialize(); 
}

function initialize() 
{   
    sidebarHTML="";
    document.getElementById(mapCanvasID).innerHTML=sidebarHTML;
    index=0;
    
    //create insatnce of GClientcode();
    geocoder = new GClientGeocoder();
    map = new GMap2(document.getElementById(mapCanvasID));
    if(showMapControl=="True")
    {
        if(largeMapControl=="True")
            map.addControl(new GLargeMapControl());
        else
            map.addControl(new GSmallMapControl());
        
    }  
    if(showMapTypes=="True")
        map.addControl(new GMapTypeControl());
        
    map.setCenter(new GLatLng(0,0),8);
    gdir = new GDirections(map, document.getElementById(directionsID));
    bounds = new GLatLngBounds();   
    
    GEvent.addListener(gdir, "load", onGDirectionsLoad);
    GEvent.addListener(gdir, "error", handleErrors);
    
    if(showCoordinate=="False")
    {
        if(singleAddress=="")
        {   
            var currentDate=new Date();
            xmlFile=xmlFile+"?bogus="+currentDate.getMilliseconds();
            GDownloadUrl(   xmlFile, 
                        function(data, responseCode) 
                        {  
                            var xml = GXml.parse(data);  
                            var office = xml.documentElement.getElementsByTagName("location");  

                            for (var i = 0; i < office.length; i++) 
                            {    
                                officeArray[i]=new Array();
                                officeArray[i][0]=office[i].getAttribute("id");
                                officeArray[i][1]=office[i].getAttribute("name");
                                officeArray[i][2]=office[i].getAttribute("address");
                                officeArray[i][3]=office[i].getAttribute("tel");
                                officeArray[i][4]=office[i].getAttribute("fax");
                                officeArray[i][5]=office[i].getAttribute("email");
                                officeArray[i][6]=office[i].getAttribute("logoURL");
                                
                                var lat=office[i].getAttribute("lat");
                                var lon=office[i].getAttribute("lon");
                                
                                if(lat==null && lon==null)
                                {
                                     id=officeArray[i][0];
                                     geocoder.getLocations(officeArray[i][2], updateXML);
                                     break;
                                }
                                else
                                {                                     
                                    var point = new GLatLng(parseFloat(lat), parseFloat(lon)); 
                                    AddMarker(point);
                                    index++;
                                }
                                                                                                  
                            }

                         });
        }
        else
        {
            geocoder.getLocations(singleAddress, showMarker);
        }
    }
    else
    {
        var point=new GLatLng(parseFloat(latitude), parseFloat(longtitude));
        var marker = new GMarker(point, {title:"Click to view details" });
        var html="<div class='MarkerText' style='width:"+((mapWidth/4)*3)+"px'>";
        
        if(singleAddressHtml!="")
            html+=singleAddressHtml;
                
        if(allowDirections=="True")
        {
            html+="<div style='height:10px'></div>";
            html+="Enter an address below to get directions to this office.<br />";
            html+="<table border='0' cellpadding='0' cellspacing='3' width='100%'>";
            html+="<tr><td>Start address:</td><td><span id='addressErr' style='color:red'></span><input type='text' size='40' maxlength='100' name='daddr' id='daddr' value='' /></td></tr>";
            html+="<tr><td colspan='2' style='text-align:center'>Walk <input type='checkbox' name='walk' id='walk' /> &nbsp; Avoid Highways <input type='checkbox' name='highways' id='highways' /></td></tr>";
            html+="<tr><td colspan='2' style='text-align:center'><INPUT value='Get Directions' type='button' onclick='setDirections(\""+point+"\")'></td></tr></table></td></tr></table>";
        }
        html+="</div>";
        GEvent.addListener(marker, "click", function() 
        {              
            marker.openInfoWindowHtml(html);
        });  
        
        map.addOverlay(marker);   
        zoomPoint=point;
        zoomLevel=15;
        setZoom(); 
    }
}

function showMarker(response)
{
    if (response.Status.code == G_GEO_SUCCESS) 
    {
        place = response.Placemark[0];
        var point = new GLatLng(parseFloat(place.Point.coordinates[1]), parseFloat(place.Point.coordinates[0])); 
        var marker = new GMarker(point, {title:"Click to view details" });
    
        var html="<div class='MarkerText' style='width:"+((mapWidth/4)*3)+"px'>";
        
        if(singleAddressHtml!="")
            html+=singleAddressHtml;
                
        if(allowDirections=="True")
        {
            html+="<div style='height:10px'></div>";
            html+="Enter an address below to get directions to this office.<br />";
            html+="<table border='0' cellpadding='0' cellspacing='3' width='100%'>";
            html+="<tr><td>Start address:</td><td><span id='addressErr' style='color:red'></span><input type='text' size='40' maxlength='100' name='daddr' id='daddr' value='' /></td></tr>";
            html+="<tr><td colspan='2' style='text-align:center'>Walk <input type='checkbox' name='walk' id='walk' /> &nbsp; Avoid Highways <input type='checkbox' name='highways' id='highways' /></td></tr>";
            html+="<tr><td colspan='2' style='text-align:center'><INPUT value='Get Directions' type='button' onclick='setDirections(\""+point+"\")'></td></tr></table></td></tr></table>";
        }
        html+="</div>";
        GEvent.addListener(marker, "click", function() 
        {              
            marker.openInfoWindowHtml(html);
        });  
        
        map.addOverlay(marker);   
        zoomPoint=point;
        zoomLevel=15;
        setZoom();   
    }
}

function updateXML(response)
{
    if (response.Status.code == G_GEO_SUCCESS) 
    {
        place = response.Placemark[0];
        var point = new GLatLng(parseFloat(place.Point.coordinates[1]), parseFloat(place.Point.coordinates[0])); 
        var coord=id+"&"+place.Point.coordinates[1]+"&"+place.Point.coordinates[0];
        CallServer(coord, '');                
    }
    else
    {
        alert("Sorry could not find location");
    }
}

var oAddress;
function checkAddress(response)
{            
    if (response.Status.code == G_GEO_SUCCESS) 
    {
        var opts = {};
        if (document.getElementById("walk").checked) {
           opts.travelMode = G_TRAVEL_MODE_WALKING;
        }
        if (document.getElementById("highways").checked) {
           opts.avoidHighways = true;
        }
    
        place = response.Placemark[0];
        var point = new GLatLng(parseFloat(place.Point.coordinates[1]), parseFloat(place.Point.coordinates[0])); 
        gdir.load("from: " + point + " to: " + oAddress, opts, { "locale": "en_US" } );          
        var err=document.getElementById("addressErr");

        triggerSlide();
        err.innerHTML=("");
    }
    else
    {
        var err=document.getElementById("addressErr");
        err.innerHTML=("Not found<br />");
    }
}

function rerun()
{
    initialize();
    clearTimeout(s);
}

function GetLatLong(response)
{   
    if (response.Status.code == G_GEO_SUCCESS) 
    {
        var point = new GLatLng(parseFloat(place.Point.coordinates[1]), parseFloat(place.Point.coordinates[0])); 
        AddMarker(point)
    }
    addressIndex++;
    
}


function AddMarker(point)
{
    var marker = createMarker(point);
    map.addOverlay(marker);
    gmarkers.push(marker);
    var pointArray=new Array();
    pointArray[0]=point;
    sidebarHTML += "<a class='SidebarLink' href='javascript:markerClick(" + (gmarkers.length-1) + ", "+pointArray+")'>" + officeArray[index][1] + '</a><br />';
    bounds.extend(point);
    
    if(addressID==officeArray[index][0])
    {      
        zoomPoint=point;
        zoomLevel=15;
    }
    setZoom();
    
}

// This function picks up the click and opens the corresponding info window
function markerClick(i, pointArray) 
{
    GEvent.trigger(gmarkers[i], "click");
    zoomPoint=pointArray[0];
    zoomLevel=15;
    setZoom();
}

function setZoom()
{
    if(document.getElementById(sideBarID)!=null)
        document.getElementById(sideBarID).innerHTML=sidebarHTML;
        
    if(zoomLevel!=1)
    {
        map.setCenter(zoomPoint, zoomLevel);
    }
    else
    {
        map.setZoom(map.getBoundsZoomLevel(bounds));
        map.setCenter(bounds.getCenter());       
    }     
}

function createSingleMarker(point)
{

    return marker;
}

function createMarker(point) 
{
    var marker = new GMarker(point, {title:officeArray[index][1]+" - Click to view details" });
    var html="<div style='width:"+((mapWidth/4)*3)+"px' class='MarkerText'>";
    if(officeArray[index][6]!="" && officeArray[index][6]!=null)
        html+="<img src='"+officeArray[index][6]+"' style='float:left'>";
    html+="<table border='0' cellpadding='0' cellspacing='5' width='75%'>";

    
    if(officeArray[index][3]!="" && officeArray[index][3]!=null)
        html+="<tr><td style='width:20px' class='TelIcon'>&nbsp;</td><td>"+officeArray[index][3]+"</td></tr>";
    
    if(officeArray[index][4]!="" && officeArray[index][4]!=null)
        html+="<tr><td style='width:20px' class='FaxIcon'>&nbsp;</td><td>"+officeArray[index][4]+"</td></tr>";
    
    if(officeArray[index][5]!="" && officeArray[index][5]!=null)
        html+="<tr><td style='width:20px' class='EmailIcon'>&nbsp;</td><td>"+officeArray[index][5]+"</td></tr>";
 
    html+="<tr><td style='width:20px' class='AddressIcon'>&nbsp;</td><td><input type='hidden' id='saddr' value='"+officeArray[index][2]+"' />"+officeArray[index][2]+"</td></tr>"; 
    html+="<tr></table>";
    
    if(allowDirections=="True")
    {
        html+="<div style='height:10px'></div>";
        html+="Enter an address below to get directions to this office.<br />";
        html+="<table border='0' cellpadding='0' cellspacing='3' width='100%'>";
        html+="<tr><td>Start address:</td><td><span id='addressErr' style='color:red'></span><input type='text' size='40' maxlength='100' name='daddr' id='daddr' value='' /></td></tr>";
        html+="<tr><td colspan='2' style='text-align:center'>Walk <input type='checkbox' name='walk' id='walk' /> &nbsp; Avoid Highways <input type='checkbox' name='highways' id='highways' /></td></tr>";
        html+="<tr><td colspan='2' style='text-align:center'><INPUT value='Get Directions' type='button' onclick='setDirections(\""+point+"\")'></td></tr></table></td></tr></table>";
    }
    html+="</div>";

    GEvent.addListener(marker, "click", function() 
    {              
        marker.openInfoWindowHtml(html);
    });
    return marker;
}



function setDirections(toAddress) 
{       
    var coder = new GClientGeocoder();
    oAddress=toAddress;
    var fromAddress=document.getElementById("daddr").value+" uk";
    coder.getLocations(fromAddress, checkAddress);
}

function handleErrors()
{
    var err=document.getElementById("addressErr");
        
    if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
        err.innerHTML="No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new<br />";
    else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
        err.innerHTML="A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.<br />";

    else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
        err.innerHTML="The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.<br />";

    else if (gdir.getStatus().code == G_GEO_BAD_KEY)
        err.innerHTML="The given key is either invalid or does not match the domain for which it was given.<br />";

    else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
        err.innerHTML="A directions request could not be successfully parsed<br />";

    else err.innerHTML="An unknown error occurred.<br />";

}

function onGDirectionsLoad()
{ 
}

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slidedown(toggleDownObjName, toggleUpObjName)
{
  //alert(objname);
  objname=directionsID;
  
  if(moving[objname])
    return;
  //alert(toggleDownObjName + " "+ toggleUpObjName);
  document.getElementById(toggleUpObjName).style.display="block";
  document.getElementById(toggleDownObjName).style.display="none";

  moving[objname] = true;
  dir[objname] = "down";
  startslide(objname);
}
 
function slideup(toggleDownObjName, toggleUpObjName)
{
  objname=directionsID;
  if(moving[objname])
    return;
 
  document.getElementById(toggleUpObjName).style.display="none";
  document.getElementById(toggleDownObjName).style.display="block";
  
  moving[objname] = true;
  dir[objname] = "up";
  startslide(objname);
}

function startslide(objname)
{
    obj[objname] = document.getElementById(objname);

    endHeight[objname] = parseInt(obj[objname].style.height);
    startTime[objname] = (new Date()).getTime();
    
    if(dir[objname] == "down")
    {
      obj[objname].style.height = "1px";
    }
 
    obj[objname].style.display = "block";
 
    timerID[objname] = setInterval('slidetick("' + objname + '");',timerlen);
}

function slidetick(objname)
{
    var elapsed = (new Date()).getTime() - startTime[objname];

    if (elapsed > slideAniLen)
        endSlide(objname)
    else 
    {
        var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
        if(dir[objname] == "up")
            d = endHeight[objname] - d;

        obj[objname].style.height = d + "px";
    }            

    return;
}

function endSlide(objname)
{
    clearInterval(timerID[objname]);

    if(dir[objname] == "up")
    obj[objname].style.display = "none";

    obj[objname].style.height = endHeight[objname] + "px";

    delete(moving[objname]);
    delete(timerID[objname]);
    delete(startTime[objname]);
    delete(endHeight[objname]);
    delete(obj[objname]);
    delete(dir[objname]);

    return;
}