<?php


extract( shortcode_atts( array(
			'height' => '400',
			'full_height' => 'false',
			'parallax' => 'false',
			'latitude' => '',
			'longitude' => '',
			'address' => '',

			'latitude_2' => '',
			'longitude_2' => '',
			'address_2' => '',

			'latitude_3' => '',
			'longitude_3' => '',
			'address_3' => '',

			'zoom' => '14',
			'pan_control' => 'true',
			'draggable' => 'true',
			'zoom_control' => 'true',
			'map_type_control' => 'true',
			'scale_control' => 'true',
			'pin_icon' => '',
			'modify_coloring' => 'false',
			'modify_json' => 'false',
			'map_json' => '',
			'hue' => '#ccc',
			'saturation' => 1,
			'lightness' => 1,
			'el_class' => '',
			'visibility' => ''
			
		), $atts ) );

$output = '';

global $mk_settings;

if ( $longitude == '' && $latitude == '') { return null; }

if ( $zoom < 1 ) {
	$zoom = 1;
}

$id = Mk_Static_Files::shortcode_id();

$apikey = $mk_settings['google-maps-key'];

if(isset($apikey) && !empty($apikey)) {
	$apikey = 'key='.$apikey.'&';
}

wp_enqueue_script('gmaps', '//maps.googleapis.com/maps/api/js?'.$apikey.'ver=1', false, false, false); 

if($parallax == 'true') {
	wp_enqueue_script( 'skrollr');
	$parallax_class = 'mk-gmaps-parallax';
	$parallax_atts = 'data-top-center="margin-top:-200px" data-bottom-center="margin-top:0px"';
	$parallax_height = $height+200;
} else {
	$parallax_class = $parallax_atts = '';
	$parallax_height = $height;
}

if( $modify_json != 'false' ) {
	$json = urldecode(base64_decode($map_json));
} else {
	$json = '';
}

$output .= '<div class="'.$parallax_class.' mk-gmaps-wrapper '.$el_class.' '.$visibility.'" style="height:'.$height.'px"><div id="google-map-'.$id.'" class="mk-gmaps" '.$parallax_atts.' style="height:'.$parallax_height.'px;width:100%;" data-fullHeight="'.$full_height.'" data-zoom="'.$zoom.'" data-pin-icon="'.$pin_icon.'" data-latitude="'.$latitude.'" data-longitude="'.$longitude.'" data-address="'.$address.'" data-latitude2="'.$latitude_2.'" data-longitude2="'.$longitude_2.'" data-address2="'.$address_2.'" data-latitude3="'.$latitude_3.'" data-longitude3="'.$longitude_3.'" data-address3="'.$address_3.'" data-pan-control="'.$pan_control.'" data-zoom-control="'.$zoom_control.'" data-map-type-control="'.$map_type_control.'" data-scale-control="'.$scale_control.'" data-draggable="'.$draggable.'" data-modify-coloring="'.$modify_coloring.'" data-saturation="'.$saturation.'" data-lightness="'.$lightness.'" data-hue="'.$hue.'" data-json=\''.$json.'\'></div></div>';

echo $output;
