<?php 
/**
 * @version     $Id$
 * @author      OvaTheme
 * @package     Joomla.Site
 * @subpackage  com_ovacomposer
 * @copyright   Copyright (C) 2013 OvaTheme. All rights reserved.
 * @license     License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.
 */

defined('_JEXEC') or die('Restricted access');
if($address){    
    $prepAddr = urlencode($address);
    $geocode=file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$prepAddr.'&sensor=false');
    $output= json_decode($geocode);
    $latitude = $output->results[0]->geometry->location->lat;
    $longitude = $output->results[0]->geometry->location->lng;
}else{
  $latitude  = $latitude?$latitude:"40.773328";
  $longitude = $longitude?$longitude:"-73.960088";  
}

 ?>
<script>
  jQuery(document).ready(function(){
      //Google Maps
    function initMap() {
      var myLatlng = new google.maps.LatLng(<?php echo $latitude; ?>,<?php echo $longitude; ?>); // <- Your latitude and longitude
      var styles = [
        {
          "featureType": "water",
          "stylers": [
          {
            "color": "#eee"
          },
          {
            "visibility": "on"
          }
          ]
        },
        {
          "featureType": "landscape",
          "stylers": [
          {
            "color": "#f2f2f2"
          }
          ]
        },
        {
          "featureType": "road",
          "stylers": [
          {
            "saturation": -100
          },
          {
            "lightness": 45
          }
          ]
        },
        {
          "featureType": "road.highway",
          "stylers": [
          {
            "visibility": "simplified"
          }
          ]
        },
        {
          "featureType": "road.arterial",
          "elementType": "labels.icon",
          "stylers": [
          {
            "visibility": "off"
          }
          ]
        },
        {
          "featureType": "administrative",
          "elementType": "labels.text.fill",
          "stylers": [
          {
            "color": "#444444"
          }
          ]
        },
        {
          "featureType": "transit",
          "stylers": [
          {
            "visibility": "off"
          }
          ]
        },
        {
          "featureType": "poi",
          "stylers": [
          {
            "visibility": "off"
          }
          ]
        }
       ]
      
      var mapOptions = {
        zoom: <?php echo $zoom?$zoom:"16"; ?>,
        center: myLatlng,
        mapTypeControl: false,
        disableDefaultUI: true,
        zoomControl: false,
        scrollwheel: false,
        styles: styles
      }
      var map = new google.maps.Map(document.getElementById('map'), mapOptions);

      var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: '<?php if($address) echo $address; ?>'
      });
    }

    google.maps.event.addDomListener(window, 'load', initMap);
  });
</script>

<div id="map"></div>