// JavaScript Document


  var map;
  var panorama;
  var punto = new google.maps.LatLng(31.85643731256348, -116.6191931138178);
  var puntoStreet = new google.maps.LatLng(31.856942, -116.619055);
  
  function initialize() {

    var mapOptions = {
      center: punto,
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      streetViewControl: false
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        mapOptions);

	
	var contentString = '<h2 id="firstHeading" class="firstHeading">Hotel Corona</h2>'+
       					'<p>Blvd. L&aacute;zaro C&aacute;rdenas #1442<br />'+
						'Ensenada, Baja California; M&eacute;xico<br />'+
						'Tel&eacute;fono: +52 (646)176 0901<br />';

        
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

	
    var Marker = new google.maps.Marker({
        position: punto,
        map: map,
        title: 'Hotel Corona'
    })
	
	google.maps.event.addListener(Marker, 'click', function() {
      infowindow.open(map,Marker);
    });

	
    panorama = map.getStreetView();
    panorama.setPosition(puntoStreet);
    panorama.setPov({
      heading: 180,
      zoom:1,
      pitch:0}
    );
  }

  function toggleStreetView() {
    var toggle = panorama.getVisible();
    if (toggle == false) {
      panorama.setVisible(true);
	  document.getElementById('boton').value = 'Map';
    } else {
      panorama.setVisible(false);
	  document.getElementById('boton').value = 'Street View';
    }
  }