// global variables
var map;
var pntCenter;
var pntCapalaba;
var pntUnderwood;
var pntCarseldine;
var htmlCapalaba;
var htmlUnderwood;
var htmlCarseldine;

function initialise() {
  if (GBrowserIsCompatible()) {
    // initialise variables for later
	// To find longitude and latitude - use this URL for a query
	// http://maps.google.com/maps/geo?q=Tingalpa+QLD&output=json&sensor=true_or_false&key=your_api_key
	pntCenter = new GLatLng(-27.475,153.125);	// centering on TINGALPA to show all 3 stores
	pntCapalaba = new GLatLng(-27.5237,153.2004);
	pntUnderwood = new GLatLng(-27.619,153.111);
	pntCarseldine = new GLatLng(-27.3340, 153.0102);
	
	// html for marker text	
	htmlCapalaba = "<img src='assets/misc/store_capalaba_google.jpg' width='140' height='75' style='padding-bottom:10px;' /><h3>CAPALABA</h3><p>19 Moreton Bay Road<br />(behind National Storage)</p><p><a href='http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=franklyn+blinds+awnings+security&sll=-27.522716,153.200161&sspn=0.010409,0.022724&ie=UTF8&z=16&iwloc=A&iwstate1=dir' title='Get directions' target='_blank'><strong>Get directions</strong> <span class='pink'>&gt;&gt;</span></a>";
	htmlUnderwood = "<img src='assets/misc/store_underwood_google.jpg' width='140' height='75' style='padding-bottom:10px;' /><h3>UNDERWOOD</h3><p>Alto Center<br />Cnr Compton & Ewing Roads</p><p><a href='http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=franklyn+blinds+awnings+security&sll=-27.615501,153.117678&sspn=0.0104,0.022724&ie=UTF8&z=16&iwloc=A&iwstate1=dir' title='Get directions' target='_blank'><strong>Get directions</strong> <span class='pink'>&gt;&gt;</span></a>";
	htmlCarseldine = "<img src='assets/misc/store_carseldine_google.jpg' width='140' height='75' style='padding-bottom:10px;' /><h3>CARSELDINE</h3><p>Carseldine Homemaker Centre<br />1915 Gympie Road (shop 3.8)</p><p><a href='http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=franklyn+blinds+awnings+security&sll=-27.3340,153.0105&sspn=0.0104,0.022724&ie=UTF8&z=16&iwloc=A&iwstate1=dir' title='Get directions' target='_blank'><strong>Get directions</strong> <span class='pink'>&gt;&gt;</span></a>";
	
	
	// create new map
    map = new GMap2(document.getElementById("map_canvas"));
	// show size controls
	map.addControl(new GSmallMapControl());
	// show map, satellite and hybrib controls
	map.addControl(new GMapTypeControl());	
	// map center and zoom value
	map.setCenter(pntCenter, 10);
	
	// DISPLAY MARKER LOCATIONS
	// CAPALABA
	// create a marker for capalaba
	var mkrCapalaba = new GMarker(pntCapalaba);
	// add an event handler if the person clicks the marker
	GEvent.addListener(mkrCapalaba, 'click', function() {
        mkrCapalaba.openInfoWindowHtml(htmlCapalaba);
    });
	// display capalaba marker point on map
	map.addOverlay(mkrCapalaba);
	
	// UNDERWOOD
	// create a marker for underwood
	var mkrUnderwood = new GMarker(pntUnderwood);
	// add an event handler if the person clicks the marker
	GEvent.addListener(mkrUnderwood, 'click', function() {
        mkrUnderwood.openInfoWindowHtml(htmlUnderwood);
      });	
	// display underwood marker point on map
	map.addOverlay(mkrUnderwood);
	
	// CARSELDINE
	// create a marker for carseldine
	var mkrCarseldine = new GMarker(pntCarseldine);
	// add an event handler if the person clicks the marker
	GEvent.addListener(mkrCarseldine, 'click', function() {
        mkrCarseldine.openInfoWindowHtml(htmlCarseldine);
    });
	// display carseldine marker point on map
	map.addOverlay(mkrCarseldine);
	}
}

function showCapalaba() {
  // create new map
  map = new GMap2(document.getElementById("map_canvas"));
  // show size controls
  map.addControl(new GSmallMapControl());
  // show map, satellite and hybrib controls
  map.addControl(new GMapTypeControl());
  // map center
  map.setCenter(pntCapalaba, 17);
  // create a new marker at this point
  var marker = new GMarker(pntCapalaba);
  // display new marker point on map
  map.addOverlay(marker);
  // add info window on marker
  marker.openInfoWindowHtml(htmlCapalaba);
}

function showUnderwood() {
  // create new map
  map = new GMap2(document.getElementById("map_canvas"));
  // show size controls
  map.addControl(new GSmallMapControl());
  // show map, satellite and hybrib controls
  map.addControl(new GMapTypeControl());
  // map center
  map.setCenter(pntUnderwood, 17);
  // create a new marker at this point
  var marker = new GMarker(pntUnderwood);
  // display new marker point on map
  map.addOverlay(marker);
  // add info window on marker
  marker.openInfoWindowHtml(htmlUnderwood);
}

function showCarseldine() {
  // create new map
  map = new GMap2(document.getElementById("map_canvas"));
  // show size controls
  map.addControl(new GSmallMapControl());
  // show map, satellite and hybrib controls
  map.addControl(new GMapTypeControl());
  // map center
  map.setCenter(pntCarseldine, 17);
  // create a new marker at this point
  var marker = new GMarker(pntCarseldine);
  // display new marker point on map
  map.addOverlay(marker);
  // add info window on marker
  marker.openInfoWindowHtml(htmlCarseldine);
}