var gardenMarker;
var html;
var to_htmls;
var from_htmls;
var gdir;
var map;
      //// ===== request the directions =====
      //function getDirections() {
        //// ==== Set up the walk and avoid highways options ====
        //var opts = {};
        //if (document.getElementById("walk").checked) {
           //opts.travelMode = G_TRAVEL_MODE_WALKING;
        //}
        //// ==== set the start and end locations ====
        //var saddr = document.getElementById("saddr").value
        //var daddr = document.getElementById("daddr").value
////        alert ("from: "+saddr+" to: "+daddr, opts);
        //gdir.load("from: "+saddr+" to: "+daddr, opts);
		//GEvent.addListener(gdir, "load", function() {
			//var gdpolyline = gdir.getPolyline();
			//map.addOverlay(gdpolyline);
		//});
      //}


      // This function picks up the click and opens the corresponding info window
      function myclick() {
        gardenMarker.openInfoWindowHtml(html);
      }

      // functions that open the directions forms
      function tohere() {
        gardenMarker.openInfoWindowHtml(to_htmls);
      }
      function fromhere() {
        gardenMarker.openInfoWindowHtml(from_htmls);
      }
      function basic() {
        gardenMarker.openInfoWindowHtml(html);
      }

function loadmap() {
 if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("centrecontent"),{ size: new GSize(document.getElementById('centrecontent').offsetWidth,document.getElementById('centrecontent').offsetHeight-100), backgroundColor: "#375270" } );
		var gardenPoint = new GLatLng(47.667353,17.667443);
		map.setCenter(gardenPoint, 13);
		
		gdir=new GDirections(map, document.getElementById("centrecontent"));
		var topLeft = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(80,10));
		map.addMapType(G_PHYSICAL_MAP);
		//large controls
		map.addControl(new GLargeMapControl3D());
		map.addControl(new GMapTypeControl());
		map.addControl(new GScaleControl(),topLeft);
		map.addControl(new GOverviewMapControl(new GSize(200,200)));

	
		//Make a marker
		var gardenHtml1 = "<div id='1' title='Fülöpkapu telephelye' style='text-align:left; background-color:#fafad2; width:310px; color:#000000; padding: 12px'>";
		var gardenHtml2 = '<img src="/graphics/a.jpg" align="left" hspace="5"/><b>Fülöpkapu</b><br>';
		var gardenHtml3 = "Győr, József Attila u. 72.<br>Tel.:+36-30/9573-927<br>";
		var gardenHtml4 = "<img src='/graphics/env.gif'/><a href= &#109;&#097;&#105;&#108;&#116;&#111;:&#105;&#110;&#102;&#111;&#064;&#102;&#117;&#108;&#111;&#112;&#107;&#097;&#112;&#117;&#046;&#104;&#117;'>&#105;&#110;&#102;&#111;&#064;&#102;&#117;&#108;&#111;&#112;&#107;&#097;&#112;&#117;&#046;&#104;&#117;</a>";
		var gardenHtml5 = "</div>";
		var gardenHtml = gardenHtml1 + gardenHtml2 + gardenHtml3 + gardenHtml4;
		
        // The info window version with the "to here" form open
    to_htmls = gardenHtml + '<br><br>Útvonal tervezése: <b>Ide</b>  -  <a href="javascript:fromhere()">Innen</a>' +
           '<br>Indulási cím:<form action="http://maps.google.com/maps" method="get" target="_self">' +
           '<input type="text" SIZE=40 MAXLENGTH=60 name="saddr" id="saddr" value="" /><br>' +
           '<br><INPUT value="Mutasd az útvonalat" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + gardenPoint.lat() + ',' + gardenPoint.lng() + '"/>';
//           '&nbsp;&nbsp;&nbsp;<a href="javascript:basic()">vissza</a>';
        // The info window version with the "from here" form open
    from_htmls = gardenHtml + '<br><br>Útvonal tervezése: <a href="javascript:tohere()">Ide</a>  -  <b>Innen</b>' +
           '<br>Cél cím:<form action="http://maps.google.com/maps" method="get" target="_self">' +
           '<input type="text" SIZE=40 MAXLENGTH=60 name="daddr" id="daddr" value="" /><br>' +
           '<br><INPUT value="Mutasd az útvonalat" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + gardenPoint.lat() + ',' + gardenPoint.lng() + '"/>';
//           '&nbsp;&nbsp;&nbsp;<a href="javascript:basic()">vissza</a>';
           
        // The inactive version of the direction info
    html = gardenHtml + '<br><br>Útvonal tervezése: <a href="javascript:tohere()">Ide</a> - <a href="javascript:fromhere()">Innen</a>' + gardenHtml5;
		
		gardenMarker = new GMarker(gardenPoint,{title:"Fülöpkapu"});
	 	map.addOverlay(gardenMarker);


		//make a bubble
		myclick();
		// events
		GEvent.addListener(gardenMarker, "click", function() {	myclick(); });

 	}
else {alert("Nem kompatibilis böngésző.");}
}