document.write('<script type="text/javascript" src="/i/jquery.customselect.php"><\/script>');
document.write('<script type="text/javascript" src="/i/jsScroller.php"><\/script>');
document.write('<script type="text/javascript" src="/i/Drever_handwriting_500.font.php"><\/script>');openWindow = false;

function makeCircle(color,zoomLevel) {
  if (zoomLevel == 18)
    return new google.maps.MarkerImage('i/'+color+'circles.png',
              // This marker is 20 pixels wide by 32 pixels tall.
              new google.maps.Size(308, 308),
              // The origin for this image is 0,0.
              new google.maps.Point(0,0),
              // The anchor for this image is the base of the flagpole at 0,32.
              new google.maps.Point(154, 154));
  if (zoomLevel == 17)
    return new google.maps.MarkerImage('i/'+color+'circles.png',
              // This marker is 20 pixels wide by 32 pixels tall.
              new google.maps.Size(160, 160),
              // The origin for this image is 0,0.
              new google.maps.Point(308,0),
              // The anchor for this image is the base of the flagpole at 0,32.
              new google.maps.Point(80, 80));
  if (zoomLevel == 16)
    return new google.maps.MarkerImage('i/'+color+'circles.png',
              // This marker is 20 pixels wide by 32 pixels tall.
              new google.maps.Size(90, 90),
              // The origin for this image is 0,0.
              new google.maps.Point(308,163),
              // The anchor for this image is the base of the flagpole at 0,32.
              new google.maps.Point(44, 44));
  if (zoomLevel == 15)
    return new google.maps.MarkerImage('i/'+color+'circles.png',
              // This marker is 20 pixels wide by 32 pixels tall.
              new google.maps.Size(50, 50),
              // The origin for this image is 0,0.
              new google.maps.Point(400,173),
              // The anchor for this image is the base of the flagpole at 0,32.
              new google.maps.Point(25, 25));
  if (zoomLevel == 14)
    return new google.maps.MarkerImage('i/'+color+'circles.png',
              // This marker is 20 pixels wide by 32 pixels tall.
              new google.maps.Size(40, 40),
              // The origin for this image is 0,0.
              new google.maps.Point(397,228),
              // The anchor for this image is the base of the flagpole at 0,32.
              new google.maps.Point(25, 25));
}

function makeMarker(zoomLevel) {
  var marker =  new google.maps.Marker({
    position: center,
//        shape: {type: 'poly', coord: [0,0,300,0,300,300,0,300]},
    icon: makeCircle('gray',zoomLevel),
    shadow: null,
  });
  
  var infowindow = new google.maps.InfoWindow(
    { content: "<p class='center'><img src='/i/wordmark.png' alt='Mozilla Firefox'></p>"
    +"<p>An open browser for the Open Web.</p>"
               +"<p>Experience for yourself the browser that has been actively chosen by over 300 million users worldwide and is now <a target='new' onclick='pageTracker._trackPageview(\'/out/statcounter\');' class='visible' href='http://gs.statcounter.com/press/firefox-3-becomes-most-popular-web-browser-in-europe-for-first-time/'>the most popular browser in Europe</a>. Don't settle for anything less.</p>"
               +"<p class='center'><a class='visible' onclick='    pageTracker._trackPageview(\'/out/getfirefox\');' href='http://getfirefox.com'><b>Get Firefox now</b></a></p>"
               +"<p class='center'><small><a onclick='pageTracker._trackPageview(\'/out/youtube\');' target='new' class='visible' href='http://www.youtube.com/watch?v=l_KXhf1BI-k'>Learn more about the Firefox crop circle.</a></small></p>",
      size: new google.maps.Size(350,330),
      disableAutoPan: false
    });

  google.maps.event.addListener(infowindow, 'closeclick', function() {
    openWindow = false;
  });
  
  google.maps.event.addListener(marker, 'click', function() {
    openWindow = true;
    infowindow.open(map,marker);
    pageTracker._trackPageview("/infowindow");
  });
  return marker;
}

var map;
var center;
function initialize() {
  center = new google.maps.LatLng(45.123789,-123.113828);
  var myOptions = {
    zoom: 9,
    center: center,
    disableDefaultUI: true,
    navigationControl: true,
    navigationControlOptions: google.maps.NavigationControlStyle.SMALL,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  google.maps.event.addListener(map, 'zoom_changed', function() {
    setTimeout(resetCenter,300);
  });
  
  google.maps.event.addListener(map, 'bounds_changed', function() {
    setTimeout(resetCenter,300);
  });

  google.maps.event.addListener(map, 'center_changed', function() {
    setTimeout(resetCenter,300);
  });

  var currentMarker = null;
  
  google.maps.event.addListener(map, 'zoom_changed', function() {
    var zoomLevel = map.getZoom();
    
    if (pageTracker != undefined) {
      pageTracker._trackPageview("/zoom/"+zoomLevel);
    }
    
    if (currentMarker != undefined && currentMarker != null)
      currentMarker.setMap(null);
    
    if (zoomLevel > 13) {
      currentMarker = makeMarker(zoomLevel);
      currentMarker.setMap(map);
    }
    
    if (zoomLevel == 0)
      map.set_zoom(10);
      
  });

}

function resetCenter() {
  if (!openWindow)
    map.setCenter(center);
}