var map;
  var geoXml;
  var icon;
  var currentMarker;
  var currentIndex;
  var timeVar;
	function initialiseMap() 
	{
	  	if (parseFloat(point_location.lat) == 0 && parseFloat(point_location.lng) == 0)
	  	{
	  		$('#map_canvas').html('No map location provided');
	  		$('#map_canvas').css({'line-height': '120px', 'text-align': 'center', 'font-size': '16px', 'background': '#5F5F5F'});
	  	}
	  	else
	  	{
	  	  var myStandartOptions = {
        navigationControl: true,
        mapTypeControl:true,
        scaleControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
         zoom: 2,
            center: new google.maps.LatLng(point_location.lat, point_location.lng),
            navigationControlOptions: {
                style: google.maps.NavigationControlStyle.SMALL
              }
        };
	  	map = new google.maps.Map(document.getElementById('map_canvas'), myStandartOptions);
					    
			createMarker(point_location);
	  	} 
	  
	}

	function createMarker(point_location) {
        var image = new google.maps.MarkerImage(
          "http://www.streetartlocator.com/icon/icon-"+ point_location.type +".png",
          new google.maps.Size(18, 18),
          new google.maps.Point(0, 0),
          new google.maps.Point(0, 0));
        
        var point = new google.maps.LatLng(point_location.lat, point_location.lng);
        var marker = new google.maps.Marker({'draggable':true, 'position':point, 'icon':image, 'map':map, 'title': point_location.title});
        
        var html = '<table>' + 
	'<tr>' +
		'<td>It\'s name:</td><td>' + point_location.title + '</td>'+
	'</tr>' +
	'<tr>' +
		'<td>What can be <br>' +
              'found there:</td>' +
	    '<td>' + point_location.description + '</td>'+
	'</tr>'+
    '<tr>' +
    	'<td colspan="2"><img id="img_'+ point_location.id +'" src="' + point_location.thumb +'" alt="' + point_location.title + '" title="' + point_location.title + '" />'+
    '</tr>' +
  "</table>" ;
		
		google.maps.event.addListener(marker, "click", function() {
			//marker.openInfoWindowHtml(html);
			currentMarker = marker;
			currentIndex = index;
		});
		
        //map.addOverlay(marker);
        currentMarker = marker;
        timeVar = setTimeout(animateZoom, 1000);
    }
    
	animateZoom = function()
    {
    	map.setZoom(map.getZoom() + 3);
    	if (map.getZoom() < 15)
    	{
    		clearTimeout(timeVar);
    		timeVar = setTimeout(animateZoom, 1000); 
    	}
    };