function maps()
{	
	
	//--------------------------------------
	// VARS
	//--------------------------------------
	var latlng;
	var myOptions;
	var map;
	
	var imageTarget;
	var beachMarker
	
	var styleMap;
	var styledMapOptions;
	var jayzMapType;
	
	var hoursDay;
	//--------------------------------------
	// INIT
	//--------------------------------------
	
	this.init = function()
	{
		
		this.initMap();
	}
	
	
	//--------------------------------------
	// MAP INIT
	//--------------------------------------
	this.initMap = function()
	{
	
		initializeMaps();

	}
	
	function initializeMaps() {
		
		_getHours();
		
		latlng = new google.maps.LatLng(-23.563127,-46.673674);
		myOptions = {zoom: 17,center:latlng, mapTypeId: google.maps.MapTypeId.ROADMAP,disableDefaultUI: true};
		map = new google.maps.Map(document.getElementById("div_maps"),myOptions);
		
		imageTarget = 'include/images/target.png';
		beachMarker = new google.maps.Marker({position: latlng, map: map, icon: imageTarget });

  		
  		if(hoursDay > 16 && hoursDay < 18)
  		{
  			tarde();	
  		}else if(hoursDay > 18)
  		{
  			noite();
  		}else if(hoursDay >= 0 && hoursDay < 5)
  		{
  			noite();
  		}
  		
		styledMapOptions = {name: "Coletivo"}
		jayzMapType = new google.maps.StyledMapType(styleMap, styledMapOptions);
		
		map.mapTypes.set('Coletivo', jayzMapType);
		map.setMapTypeId('Coletivo');

  	}
	
	
	function noite()
	{
		styleMap = [ {
			      featureType: "all",
			      elementType: "all",
			      stylers:  [
						{ invert_lightness: true },
						{ visibility: "on" },
						{ saturation: -20 },
						{ lightness: 60 },
						{ gamma: 0.2 },
						{ hue: "#42566d" }
					]
			    },
				{
					featureType: "water",
					elementType: "all",
					stylers: [
						{ hue: "#00AAFF" },
						{ lightness: 30 },
						{ saturation: 20 }
					]
				}
		];  		
	
	}
	
	function tarde()
	{
		styleMap = [ {
			      featureType: "all",
			      elementType: "all",
			      stylers:  [
						{ invert_lightness: true },
						{ visibility: "on" },
						{ saturation: 40 },
						{ lightness: 40 },
						{ gamma: 1.9 },
						{ hue: "#f79810" }
					]
			    },
				{
					featureType: "water",
					elementType: "all",
					stylers: [
						{ hue: "#00AAFF" },
						{ lightness: 30 },
						{ saturation: 20 }
					]
				}
		]; 
	
	}
	
	function _getHours()
	{
		var d = new Date();
		
		hoursDay = d.getHours();
		
	}
	
	/*function dia()
	{
		styleMap = [ {
			      featureType: "all",
			      elementType: "all",
			      stylers:  [
						{ invert_lightness: false },
						{ visibility: "on" },
						{ saturation: 60 },
						{ lightness: -20 },
						{ gamma: 2.6 },
						{ hue: "#20bcfd" }
					]
			    },
				{
					featureType: "water",
					elementType: "all",
					stylers: [
						{ hue: "#00AAFF" },
						{ lightness: 30 },
						{ saturation: 20 }
					]
				}
		]; 

		
		}*/
}