var trafficZoomListener = null;
var trafficDragListener = null;
function ShowTraffic()
{
    if(document.getElementById("btnShowTraffic").innerHTML == "Show Traffic Incidents")
    {
        document.getElementById("btnTraffic").innerHTML = "Traffic <img  border='0' src='images/Tick3.gif'/>";
    }
    else
    {
        document.getElementById("btnTraffic").innerHTML = "Traffic";
    }
    TrafficClick()
   // document.getElementById("Traffic").style.display = '';
}
function CloseTraffic()
{
    document.getElementById("Traffic").style.display = 'none';
}
function TrafficClick()
{
if(document.getElementById("btnShowTraffic").innerHTML == "Show Traffic Incidents")
    {
        document.getElementById("btnShowTraffic").innerHTML = "Hide Traffic Incidents";
        GetTraffic();
        //g_map.AddExecutingFunction("GetTrafficOnPan");
        if(trafficDragListener == null && trafficZoomListener == null)
        {
            trafficZoomListener = new AGEvent.addListener(g_map, "onzoomend", function(prevZoomLvl, curZoomLvl){GetTraffic();});
            trafficDragListener = new AGEvent.addListener(g_map, "ondragend", function(){GetTraffic();});
        }
    }
    else
    {
        document.getElementById("btnShowTraffic").innerHTML = "Show Traffic Incidents";
        RemoveTraffic();
        if(document.getElementById("btnShowWeather").innerHTML == "Hide Weather")
        {
            GetWeather();
        }
    }
}
function trafficListen()
{
	if(document.getElementById("btnShowTraffic").innerHTML == "Show Traffic Incidents")
		GetTraffic
}
function GetTrafficOnPan()
{
    if(document.getElementById("btnShowTraffic").innerHTML == "Hide Traffic Incidents")
    {
        GetTraffic();
    }
}
function RemoveTraffic()
{
 //g_map.RemoveAllObjects();
 g_map.removeGroupOverlay("Traffic");
  if (trafficZoomListener != null && trafficDragListener != null)
 {
    AGEvent.removeListener(trafficZoomListener);
    AGEvent.removeListener(trafficDragListener);
 }
 CloseTraffic();
}
function GetTraffic()
{
  xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null)
    {
        alert ("Your browser does not support AJAX!");
        return;
    } 
    
    var oBoundingBox = g_map.getBoundingBox();
    var oSouthWestCoords = oBoundingBox.getSouthWest();
    var oNorthEastCoords = oBoundingBox.getNorthEast();
    var boundingBox = oSouthWestCoords.longitude() + "," + oSouthWestCoords.latitude() + "," + oNorthEastCoords.longitude() + "," + oNorthEastCoords.latitude();
    var url = "AjaxTraffic.aspx?bb="+boundingBox+"&num="+Math.random();
    xmlHttp.onreadystatechange=RecieveTraffic;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}
function WriteLog()
{
    writecookie();
    var oBoundingBox = g_map.getBoundingBox();
    var oSouthWestCoords = oBoundingBox.getSouthWest();
    var oNorthEastCoords = oBoundingBox.getNorthEast();
    var boundingBox = oSouthWestCoords.longitude() + "," + oSouthWestCoords.latitude() + "," + oNorthEastCoords.longitude() + "," + oNorthEastCoords.latitude();
    var url = "JSONMarbilLog.aspx?bb=" + boundingBox + "&width=" + document.getElementById("MapPanel").style.width + "&height=" + document.getElementById("MapPanel").style.height + "&num=" + Math.random();
    
    //query = "Call";
    $.getJSON(url,
                function(json) {
    RecieveLog()
                }
            );
    //jsonp(url,"RecieveLog","RecieveLog",query);
}
function writecookie()
{
       var COOKIE_NAME = 'Afrigis_LocalSearch';
       var options = { path: '/', expires: 10 };
       var sCookie = "";
        // get cookie
        sCookie = $.cookie(COOKIE_NAME);
        if(sCookie !=null)
         {   
            $.cookie(COOKIE_NAME, null, options);
         }       
         var _center = g_map.getCentre();
         var _scale = g_map.getZoomLevel();
         var value  = _center.latitude()+"|"+_center.longitude()+"|"+_scale;
         $.cookie(COOKIE_NAME, value, options);



}
function RecieveLog()
{
return null;
}
function RecieveTraffic()
{
    if (xmlHttp.readyState==4)
        {
           Result =xmlHttp.responseText;
           if(Result == "")
           {
            g_map.zoomOut();
            GetTraffic();
           }
           else
           {
               sResult = Result.split(";");
               for(var i = 0;i<sResult.length;i++)
               {
               
                    sTraffic = sResult[i].split("|");
                    if(sTraffic[0] != "")
                    {
                          imgObj=document.createElement("div");
                          imgObj.innerHTML = "<img src ='images/3Dpin_traffic32.png' onclick='ShowTrafficDiv(\""+sResult[i]+"\");'/>";
                          //g_map.AddObject(imgObj,parseFloat(sTraffic[5]),parseFloat(sTraffic[6]),-5,-32);
                          var myHTMLOptions = new AGHTMLOverlayOptions(new AGPoint(-5, -32));
                          var myHTMLOverlay = new AGHTMLOverlay(imgObj, new AGCoord(parseFloat(sTraffic[5]), parseFloat(parseFloat(sTraffic[6]))), myHTMLOptions);
                          g_map.addOverlay(myHTMLOverlay, "Traffic");                      
                          //str = "<strong>Province :</strong>"+sTraffic[0]+"<br/><strong>Suburb :</strong>"+sTraffic[1]+"<br/><strong>Road :</strong>"+sTraffic[2]+"<br/><strong>Direction :</strong>"+sTraffic[4]+"<br/><strong>Description :</strong>"+sTraffic[3];
                          //g_map.AddPoint("images/3Dpin_traffic32.png", "img1", sTraffic[5], sTraffic[6], -5,-32,"<strong style='color:Brown;'>Traffic Incident</strong>", str)
                    }
               }
            }
    }
}
function HideTrafficDiv()
{
    document.getElementById("divTraffic").style.display = 'none';
    
}
function ShowTrafficDiv(Result)
{
    CloseAllPopups();
    document.getElementById("divTraffic").innerHTML = "";
    document.getElementById("divTraffic").style.display = '';
    sResult =  Result.split("|");
    var oTraffic;
    if(document.all)
    {
        oTraffic = document.createElement('<div class ="WeatherPopup"></div>');
    }
    else
    {
        oTraffic = document.createElement('div');
        oTraffic.setAttribute('class','WeatherPopup');
    }
    sRes =  "<h1>Traffic<img src='images/close.gif' style='margin-left:185px;cursor:pointer;' onclick='HideTrafficDiv()' title='Close' alt='Close' /></h1>"
    //sRes += "<img src='images/3Dpin_traffic32.png'/><br/>";
    sRes +="<br/><strong>Province: </strong>"+sResult[0];
    sRes +="<br/><strong>Suburb: </strong>"+sResult[1];
    sRes +="<br/><strong>Road: </strong>"+sResult[2];
    sRes +="<br/><strong>Direction: </strong>"+sResult[4];
    sRes +="<br/><strong>Description: </strong>"+sResult[3];
    oTraffic.innerHTML = sRes;
    document.getElementById("divTraffic").appendChild(oTraffic);
    Rounded("div#divTraffic","all","#f6f6f6","#2667aa","smooth border #000000");
}