var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var output;

function initialize() {
  var sikonda = new google.maps.LatLng(46.17494, 18.22279);
  var myOptions = {
    zoom: 12,
    center: sikonda,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  directionsDisplay = new google.maps.DirectionsRenderer();
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  directionsDisplay.setMap(map);
  var rendererOptions = {
    map: map,
    suppressMarkers : true
  }

  var companyLogo = new google.maps.MarkerImage('img/m_logo.png',
  	new google.maps.Size(100,70),
  	new google.maps.Point(0,0),
  	new google.maps.Point(50,70)
  );
  var companyShadow = new google.maps.MarkerImage('img/m_logo_shadow.png',
  	new google.maps.Size(140,70),
  	new google.maps.Point(0,0),
  	new google.maps.Point(70, 70)
  );
  
  var companyMarker = new google.maps.Marker({
  	position: sikonda,
  	map: map,
  	icon: companyLogo,
    shadow: companyShadow,
  	title:"Mediano Thermal Camping"
  });

  directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions)
}                                                                                   

function calcRoute(txt) {
  if (txt==null || txt=="") {
    var start = routepanel.txt_route.value;
  } else {
    var start = txt;  
  }
  var end = "46.17494, 18.22279"; //"7300 Komló, Fürdő utca 8"
  var img ="";  
  var request = {
    origin:start,
    destination:end,
    travelMode: google.maps.TravelMode.DRIVING,
    provideRouteAlternatives: true
  };

  initialize();
  document.getElementById("route_text").innerHTML = "Mediano Thermal Camping 7300 Komló - Sikonda, Fürdő utca 8.";
  document.getElementById("route_selector").style.visibility="hidden";
  directionsService.route(request, function(result, status) {
    output = result;
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
      if (result.routes.length > 1) {
        img = img + "<img src='img/1r.png' id='mb0' onclick='changeroute(0);'><br />";                                      
        for (var i = 1; i < result.routes.length; i++) {
          img = img + "<br /><img src='img/" + (i + 1) + "g.png' id='mb" + i + "' onclick='changeroute(" + i + ");'><br />";                                      
        }
        document.getElementById("route_selector").style.visibility="visible";
      }
      document.getElementById("route_selector").innerHTML = img;
      document.getElementById("route_text").innerHTML = result.routes[0].legs[0].start_address + ": <b> " + document.getElementById("gtav").innerHTML + " " + result.routes[0].legs[0].distance.text + ", " + document.getElementById("gido").innerHTML + " " + result.routes[0].legs[0].duration.text + "</b> ";
    }
  });
  tb_show("", "#TB_inlineAjaxContent?height=400&width=700&inlineId=googlemap", "");
}

function changeroute(idx) {
  for (var i = 0; i < output.routes.length; i++) {
    document.getElementById("mb" + i).src = "img/" + (i + 1) + "g.png";                                      
  }
  directionsDisplay.setRouteIndex(idx);
  document.getElementById("route_text").innerHTML = output.routes[idx].legs[0].start_address + ": <b> " + document.getElementById("gtav").innerHTML + " " + output.routes[idx].legs[0].distance.text + ", " + document.getElementById("gido").innerHTML + " " + output.routes[idx].legs[0].duration.text + "</b>";
  document.getElementById("mb" + idx).src = "img/" + (idx + 1) + "r.png";      
}