// global variable
var g_GMap = null;
var g_GMapCenter = null;

var g_arrMarkers = [];
g_arrMarkers[0] = {};



// page start point
jQuery(document).ready(function (e) { GMapInitialize(e); });
jQuery(window).resize(function (e) { if(g_GMap) g_GMap.setCenter(g_GMapCenter) });

// Google map initialize
function GMapInitialize(e){

	
    var GMapOptions = {
      zoom: 18,
      center: g_GMapCenter,
      mapTypeId: google.maps.MapTypeId.HYBRID,
	  mapTypeControl: false,
	  navigationControl: true,
      navigationControlOptions: {
          style: google.maps.NavigationControlStyle.ZOOM_PAN,
          position: google.maps.ControlPosition.TOP_LEFT
      }
    };
	
	g_GMap = new google.maps.Map(document.getElementById("GoogleMap"), GMapOptions);
	
	// create new markers
	for(var i = 0; i < 15; ++i){
		CreateMarker(i);
	}
}

function CreateMarker(i){
	
	// prepare marker
	var markerImage = new google.maps.MarkerImage('images/mapa_bod.png',
   	                                              new google.maps.Size(74, 74),
												  new google.maps.Point(0,0),
												  new google.maps.Point(74, 74));
	
	// prepare marker shadow  
  	var markerShadow = new google.maps.MarkerImage('images/mapa_stin.png',
	                                               new google.maps.Size(74, 74),
												   new google.maps.Point(0,0),
												   new google.maps.Point(74, 74));
	  
	// prepaer marker clickable area
  	var markerShape = {
    	coord: [37, 1, 1, 37, 37, 74, 74, 37],
      	type: 'poly'
  	};
	
	var marker = new google.maps.Marker({
		position: new google.maps.LatLng(g_arrMarkers[i]['pos'][0], g_arrMarkers[i]['pos'][1]),
		map: g_GMap,
		shadow: markerShadow,
		icon: markerImage,
		shape: markerShape,
		title: g_arrMarkers[i]['title'],
		zIndex: i+1
	});
	
	var infoWindow = new google.maps.InfoWindow({ content: g_arrMarkers[i]['text'], maxWidth: 500 });
	
	google.maps.event.addListener(marker, 'click', function() { infoWindow.open(g_GMap, marker); } );
}