//<![CDATA[

if (GBrowserIsCompatible())
{
  var GMAP = null;
  var side_bar_html = "";

  var gmarkers = [];
  var htmls = [];
  var i = 0;
  var sitept;
  var parkpt;

  function createBusMarker(point, name, html)
  {
    var marker = new GMarker(point, marker5);
    GEvent.addListener(marker, "click", function()
    {
      marker.openInfoWindowHtml(html);
    });
    gmarkers[i] = marker;
    htmls[i] = html;
    i++;

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

  function clearMarkers()
  {
    var thtml = '';
    if(viewmode == 1)
    {
      thtml += 'Cleaning ' + gmarkers.length + '...<br/>';
      for(var i = 0; i < gmarkers.length; i++)
      {
        thtml += i + '...<br/>';
        GMAP.removeOverlay(gmarkers[i]);
      }
    }
    document.getElementById("textdiv").innerHTML = thtml;
  }

  function setMap()
  {
    document.getElementById("mainview").style.overflow='hidden';
    getCookie();
    GMAP = new GMap2(document.getElementById("mainview"));
    GMAP.setUIToDefault();
    GMAP.setCenter(sitept, zoom, GMAP.getMapTypes()[maptype]);
    readServicesData();
    readImagesLatLng();
  }

  function fmtLatLng(lat, lng)
  {
    if(lat == 0 && lng == 0)
      return '';
    return '[ '+lat.toFixed(6)+' '+lng.toFixed(6)+' ]';
  }

  function readImagesLatLng()
  {
    if(viewmode != 1)
      return;

    for(var i = 0; i < img.length; i++)
    {
      var ipt = new GLatLng(img[i].lat, img[i].lng);
      var n = i + 1;
      var lhtml = fmtLatLng(img[i].lat, img[i].lng);
      var html = '<center><font color=#000000><b>Viewpoint #'+n+'</b><br/>'
                +img[i].title+'<br/><font color=#000080>'
                +lhtml+'</center>';
      GMAP.addOverlay(createMarker(ipt, html, marker4));
    }
  }
  
  function setLatlng(lat, lng, plat, plng)
  {
    sitept = new GLatLng(lat, lng);
    parkpt = new GLatLng(plat, plng);
  }

  function show_li(i, id)
  {
    window.location='index.php?action=show2&site=' + siteid + '&id=' + id;
  }
  
  var sitemarker;
  var parkmarker;
  
  function createMarker(point, html, markericon)
  {
    var marker = new GMarker(point, markericon);
    GEvent.addListener(marker, "click", function()
      {
        marker.openInfoWindowHtml(html);
      });
    GEvent.addListener(marker, "mouseover", function()
      {
        marker.openInfoWindowHtml(html);
      });
    return marker;
  }
  
  function readServicesData()
  {
    if(viewmode==1)
    {
      GMAP.clearOverlays();

      var lhtml = fmtLatLng(parkpt.lat(), parkpt.lng());
      phtml = '<center><font color=#000000><b>Parking for<br/>'+sitename+'</b><br/><font color=#000080>'
              +lhtml+'</center>'
      GMAP.addOverlay(parkmarker = createMarker(parkpt, phtml, marker8));
      
      lhtml = fmtLatLng(sitept.lat(), sitept.lng());
      phtml = '<center><font color=#000000><b><br/>'+sitename+'</b><br/><font color=#000080>'
              +lhtml+'</center>'

      GMAP.addOverlay(sitemarker = createMarker(sitept, phtml, marker1));
    }

    side_bar_html = '<b>Services in the area:</b><br/><ol>';

    for(var i = 0; i < markerobj.length; i++)
    {
      var point = new GLatLng(markerobj[i].lat, markerobj[i].lng);
      if(point.distanceFrom(sitept) < rangeArray[rangeIdx] * 1000)
      {
        var id    = markerobj[i].id;
        var tlink = markerobj[i].tlink;
        var label = markerobj[i].name;
        var lhtml = fmtLatLng(markerobj[i].lat, markerobj[i].lng);
        var vt    = 'Click to see '+label+' page';
        var html = '<div class=marker><center><b>' + label + '</b><br/><font color=#000080>' + lhtml
                   +'<a href="javascript:show_li(' + i + ', ' + id + ')">'
                   +'<br/><img src="' + tlink + '" border=1 width=220 height=110></a><br/>'
                   +'<i>Click the image above for details</i></div>';
        side_bar_html += '<li><a href="javascript:show_li(' + i + ', ' + id + ')" title="'+vt+'">' + label + '<\/a></li>';

        if(viewmode == 1)
        {
          var marker = createBusMarker(point, label, html);
          GMAP.addOverlay(marker);
        }
      }
    }

    if(viewmode == 1)
    {
      var bounds = new GLatLngBounds();
      
      var K = 0.009;
      var r = K * rangeArray[rangeIdx];
      var lat1 = sitept.lat();
      var lng1 = sitept.lng();
      bounds.extend(sitept);

      var pt1 = new GLatLng(lat1+r,lng1+r);
      bounds.extend(pt1);
      var pt2 = new GLatLng(lat1-r,lng1-r);
      bounds.extend(pt2);
      
      GMAP.setZoom(GMAP.getBoundsZoomLevel(bounds));
      GMAP.setCenter(bounds.getCenter());
    }
    side_bar_html += '</ol>';

    document.getElementById("righttext").innerHTML = side_bar_html;
  }
  
  function setSelectedIdx(obj, idx)
  {
    obj.selectedIndex = idx;
  }

  function changeRange(obj)
  {
    rangeIdx = obj.selectedIndex;
    readServicesData();
  }
  
  function newWin(adr)
  {
    doc = open(adr,'Service', "frame=yes, status=yes, width=720, height=560");
  }

  function info_func(path)
  {
    cell_html = '1234567890';
    document.getElementById("movieCell").innerHTML = cell_html;
  }
  
  function delComment(type, msgid, siteid)
  {
    window.location= 'index.php?action=delmsg'+type+'&id='+siteid+'&msg='+msgid+';';
  }
  
  function addComment()
  {
    window.location='index.php?action=addcomm1&id='+siteid+';';
  }
  
  function delButton(commrec, type)
  {
    if(canedit)
    {
      return  '<input type=button class=buttonred style="width:64" value="DELETE"'+
              'onmouseover="this.style.cursor=\'pointer\'"'+
              'onclick="javascript:delComment('+type+','+commrec.msgid+','+siteid+')"'+
              ' title="Delete this comment" value="DELETE"/>';
    }
    else
      return '';
  }

  function setComments()
  {
    document.getElementById("mainview").style.overflow='auto';
    var cchtml = '';
    if(ccount == 0)
    {
      cchtml += '<table style="width:100%;height:100%">';
      cchtml += '<tr><td><h1>No comments yet</h1></td></tr>';
    }
    else
    {
      var ncomm = comments.length;

      cchtml += '<table style="width:100%">';

      for(var i = 0; i < ncomm; i++)
      {
        cchtml += '<tr><td class=tdwhite style="padding:8px;text-align:left;vertical-align:top;width:120" rowspan=2><b>'+
                  comments[i].username+'</b><br/>'+comments[i].usergroup+'<br/>'+
                 '<span style="font-size:10pt;font-style:italic;">Joined '+
                  comments[i].joindate+'</span></td><td style="text-align:right;background:#d0d0e0;font-size:10pt;font-style:italic">'+
                 'Submitted '+comments[i].cdate+'</td><td class=tdgray style="width:70" rowspan=2>'+delButton(comments[i], 1)+
                 '</td></tr><tr><td class=tdwhite style="padding:8px;text-align:left;font-size:12pt">'+comments[i].comment+'</td></tr>';
      }

    }
    cchtml += '</table>';
    document.getElementById("mainview").innerHTML = cchtml;
  }

var currentidx;
var viewmode = 0;

function setMode(mode, ismember)
{
  viewmode = mode;
  if(viewmode == 0)
  {
    document.getElementById('nextbtn').disabled =
    document.getElementById('prevbtn').disabled = img.length < 2;
    document.getElementById('nextbtn').style.visibility =
    document.getElementById('prevbtn').style.visibility = "visible";

    document.getElementById("mapviewbtn").disabled = false;
    document.getElementById("imagesbtn").disabled  = true;
    document.getElementById("commntsbtn").disabled = false;
    document.getElementById("thumbsbtn").disabled  = false;
    showPano(currentidx);
    readServicesData();
  }
  else if(viewmode == 1)
  {
    document.getElementById('nextbtn').disabled =
    document.getElementById('prevbtn').disabled = true;
    document.getElementById('nextbtn').style.visibility =
    document.getElementById('prevbtn').style.visibility = "hidden";

    document.getElementById("titlecell").innerHTML = '';
    document.getElementById("mapviewbtn").disabled = true;
    document.getElementById("imagesbtn").disabled  = false;
    document.getElementById("commntsbtn").disabled = false;
    document.getElementById("thumbsbtn").disabled  = false;
    setMap();
  }
  else if(viewmode == 2)
  {
    var button;
    if(ismember)
      button =  '<input type=button class=buttonblue style="width:100%" value="ADD YOUR COMMENT"'+
                'onmouseover="this.style.cursor=\'pointer\'"'+
                'onclick="javascript:addComment()" title="Share your experience and add your comment"/>';
    else
      button = '';

    document.getElementById("titlecell").innerHTML = button;

    document.getElementById('nextbtn').disabled =
    document.getElementById('prevbtn').disabled = true;
    document.getElementById('nextbtn').style.visibility =
    document.getElementById('prevbtn').style.visibility = "hidden";

    document.getElementById("mapviewbtn").disabled = false;
    document.getElementById("imagesbtn").disabled  = false;
    document.getElementById("commntsbtn").disabled = true;
    document.getElementById("thumbsbtn").disabled  = false;
    setComments();
  }
  else if(viewmode == 3)
  {
    document.getElementById('nextbtn').disabled =
    document.getElementById('prevbtn').disabled = true;
    document.getElementById('nextbtn').style.visibility =
    document.getElementById('prevbtn').style.visibility = "hidden";

    document.getElementById("titlecell").innerHTML = '';
    document.getElementById("mapviewbtn").disabled = false;
    document.getElementById("imagesbtn").disabled  = false;
    document.getElementById("commntsbtn").disabled = false;
    document.getElementById("thumbsbtn").disabled  = true;
    showThumbs();
  }
}


}
else
{
  alert("Sorry, the Google Maps API is not compatible with this browser");
}