//<![CDATA[
//	http://maps.google.com/maps?f=q&hl=en&geocode=&q=Guanella+Auto+Body+2789+Sebastopol+Rd,+Santa+Rosa,+CA%E2%80%8E&ie=UTF8&attrid=&ei=HpCbSMH2HaiKiAPC37nwBw&cd=1&cid=38426126,-122750920,18220817991372048924&li=lmd&ll=38.428412,-122.750072&spn=0.020978,0.04549&z=15
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("googleMap"));
        map.setCenter(new GLatLng(38.291911, -122.457346), 15); //zommed out
		//map.setCenter(new GLatLng(38.290911, -122.457346), 17); //zommed in
      }
	  //38.428546756815535, -122.74312986541748
	  //controls and settings
	  map.addControl(new GLargeMapControl());
	  map.addControl(new GMapTypeControl());
	  //map.setMapType(G_HYBRID_MAP);

	  //coordinates for Sage Computing. DO NOT ALTER
	  var point = new GLatLng(38.289911, -122.457346);
	  
	  bubbleDiv = createBubble(); //creates content of bubble.	  
	  /*
	  //create marker on map. Link with bubble
	  var sageIcon = new GIcon(G_DEFAULT_ICON);
	  sageIcon.image = "/favicon.ico";
	  sageIcon.iconSize = new GSize(20,20)                
	  // Set up our GMarkerOptions object
	  markerOptions = { icon:sageIcon };
*/

	  
	  mapArrow = new GMarker(point);
	  GEvent.addListener(mapArrow, "click", function() {
        mapArrow.openInfoWindowHtml(bubbleDiv);
      });
      map.addOverlay(mapArrow);
	  
	  //open bubble on marker on load
      mapArrow.openInfoWindowHtml(bubbleDiv);
	  
    }
	
	function createBubble() {
		bubbleDiv = document.createElement('div');
		bubbleDiv.style.width = '250px'
		bubbleDiv.style.height = '115px'
		bubbleLogo = new Image();
		bubbleLogo.src = '/images/sageMan.gif';
		bubbleLogo.style.width = '108px';
		bubbleLogo.style.height = '100px';
		bubbleLogo.style.marginTop = '-5px';
		bubbleLogo.align = 'right';
		bubbleDiv.appendChild(bubbleLogo);
		
		bubbleText = document.createElement('div');
		bubbleText.style.margin = 0;
		bubbleText.style.border='1px';
		bubbleText.style.fontFamily = 'sans-serif';
		bubbleText.style.fontSize = '10pt';
		
		bubbleTextLine1 = document.createElement('span');
		bubbleTextLine1.style.fontSize = '11pt';
		bubbleTextLine1.style.fontWeight = 'bold';
		bubbleTextLine1.appendChild(document.createTextNode('Sage Computing'));
		bubbleTextLine2 = document.createTextNode('21B Patten Street');
		bubbleTextLine3 = document.createTextNode('Sonoma, CA 95476');
		bubbleTextLine4 = document.createTextNode('Phone: (707) 939-9890');
		bubbleTextLine5 = document.createTextNode('Open Most Business Hours. Please call first.');
		emailAdd = document.createTextNode('sageservice@sagecomputing.net');
		bubbleTextLine6 = document.createElement('a');
		bubbleTextLine6.href = "mailto:sageservice@sagecomputing.net";
		bubbleTextLine6.appendChild(emailAdd);
		bubbleTextLine6Div = document.createElement('div');
		bubbleTextLine6Div.style.textAlign = 'center';
		bubbleTextLine6Div.appendChild(bubbleTextLine6);
		bubbleText.appendChild(bubbleTextLine1);
		bubbleText.appendChild(document.createElement('br'));
		bubbleText.appendChild(bubbleTextLine2);
		bubbleText.appendChild(document.createElement('br'));
		bubbleText.appendChild(bubbleTextLine3);
		bubbleText.appendChild(document.createElement('br'));
		bubbleText.appendChild(bubbleTextLine4);
		bubbleText.appendChild(document.createElement('br'));
		bubbleText.appendChild(bubbleTextLine5);
		bubbleText.appendChild(document.createElement('br'));
		bubbleText.appendChild(bubbleTextLine6Div);
		
		bubbleDiv.appendChild(bubbleText);
		
		return bubbleDiv;
	}
	window.onload = function() {
		load();
	}
	window.onunload = function() {
		GUnload()
	}

    //]]>