jQuery(function() {

	//retrieve comments to display on page  
    jQuery.getJSON("/cache/locations/current.json", function(data)
	{
	    //loop through all items in the JSON array 
		var old_place_type_name = "Supername";
		if(data)
		 {
			var html = '<div>';
        
        	var countries = new Array();
        
			var locations = data.locations; // second element is the list of locations
	        for (var x = 0; x < locations.length; x++) { 
				var new_place_type_name = locations[x].place_type_name; 

				style = "";
				if(new_place_type_name == "Supername") {
					style = "font-size:120%; font-weight:bold"
				}

				if(locations[x].place_type_code == 12) {
					countries.push(locations[x].name);
				}
				
				if(old_place_type_name != new_place_type_name && locations[x].place_type_code != 19 && locations[x].place_type_code != 12) {
					html += formatPlaceTypeName(new_place_type_name);
					old_place_type_name = new_place_type_name;
				}

				if(locations[x].place_type_code != 19) {
					html += formatLocationText(locations[x], style);
				}
			}
		
			html += "</div>"
			
			// add trend items to panel
	 		jQuery("#current_locations").append(html);  
			// Format dates
			jQuery('.date').timeago();

		    //var data = new google.visualization.DataTable();
		    //data.addColumn('string', 'Country');
		    //data.addRows(countries.length);
		    //for (var x = 0; x < countries.length; x++) { 
			//	data.setValue(x, 0, countries[x]);
		    //}
		    //var chart = new google.visualization.GeoMap(document.getElementById('current_locations_map'));
		    //chart.draw(data, {height: '200px', showLegend: false, dataMode: 'regions', colors: [0X3072BB, 0X3072BB]});
		}
		else
		{
			jQuery("#current_locations").append("No locations available");
		}
    });
	

	function formatPlaceTypeName(name)
	{
		var html = '<div style="clear:both; padding-top: 5px; font-size: 120%"><b>' + name + '</b></div>';
		return html;	
	}

	function formatLocationText(location, style)
	{
		var path = jQuery.url.attr("path");
		var flag = '';
		if(location.place_type_code == 12)
		{
			flag = '<img src="' + countryToFlag(location.name) + '" alt="' + location.name + '" title="' + location.name + '"> ';
		}
		var html = '<div style="float:left; padding-right: 10px;' + style + '"><a href="' + path + '?woeid=' + location.woeid + '&place_name=' + location.name + '">' + flag + location.name + '</a></div>';
		return html;	
	}
	
});