function toonMap(array)
{		
	var $j = jQuery.noConflict();
	$j(document).ready(function($) 
	{
		var map = new google.maps.Map(document.getElementById('map'), 
		{
	  		zoom: 6,
	  		center: new google.maps.LatLng(array[array.length-1][2], array[array.length-1][3]),
	  		mapTypeId: google.maps.MapTypeId.ROADMAP
		});

		var markers = [];
		var mapsinfo = [];
		var infowindow  = [];
		for(var i = 0; i < array.length; i++)
		{
			mapsinfo[i] = new google.maps.LatLng(array[i][2], array[i][3])
		}
		
		var bounds = new google.maps.LatLngBounds ();
		for (var i = 0;  i < mapsinfo.length; i++) 
		{
			bounds.extend (mapsinfo[i]);	
		}	
		if(array.length > 1)
		{
			map.fitBounds (bounds);
		}
		var route = new google.maps.Polyline({
		path: mapsinfo,
		strokeColor: "#999966",
		strokeOpacity: 0.7,
		strokeWeight: 8
		});		 	

  		route.setMap(map);

		for(i=0; i < array.length; i++)
		{
			markers[i] = new google.maps.Marker({ 
				position: mapsinfo[i],
				map: map,
				title: array[i][1]
			 });
			
			var content = "<div class='maps_content'><h2>"+array[i][1]+"</h2>";

			content = content + "<a href='"+array[i][4]+"'>Read blog post...</a></div>";
			
			infowindow[i] = new google.maps.InfoWindow({
				content: content
			});

			google.maps.event.addListener(markers[i], 'click', function() 
			{
				toonBlog(this); 
			});						
		}
		

		function toonBlog(marker)
		{	
			for ( var i = 0; i < markers.length; i++ )
		  	{
				if ( markers[i] == marker ) 
				{
		           // map.set_zoom(6);
					infowindow[i].open(map,markers[i]);
				}
				else
				{
					infowindow[i].close();
				}
		  	}
		}

	});	
}