jQuery(document).ready(function() {
	initialize();
});

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function initialize() {

	var latitude = getCookie('LATITUDE');
	var longitude = getCookie('LONGITUDE');
	var distance = 10;
	
	var myOptions = {
		zoom: 16,
		center: new google.maps.LatLng(latitude, longitude),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	jQuery('#map_canvas').css({'height' : '350px', 'width' : '580px'});
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		
	var str = 'distance='+distance;
		
	str += '&latitude='+latitude+'&longitude='+longitude;
	getXML(map, str);
}

function getXML(map, str) {

	var i=0;
	var listing = new Array();
	jQuery.get("/venues/xml?"+str, {}, function(data) {
		jQuery(data).find("marker").each(function() {
			var latlng = new google.maps.LatLng(parseFloat(jQuery(this).attr("lat")), parseFloat(jQuery(this).attr("lng")));
			var marker = new google.maps.Marker({
				icon: '/images/maps/red'+(i+1)+'.png',
				map: map,
				position: latlng,
				shadow: '/images/maps/shadow.png',
				title: jQuery(this).attr("name")
			});
			
			var contentStr = '<h5>'+jQuery(this).attr("name")+'</h5>'+'<p>'+jQuery(this).attr("address")+'</p>';
			var infowindow = new google.maps.InfoWindow({
				content: contentStr,
				maxWidth: 200
			});
			
			google.maps.event.addListener(marker, 'click', function() {	
				infowindow.open(map,marker);
			});

			var html = '<div class="listing'+((i==0) ? ' first' : '')+'"><h5><span>'+(i+1)+'</span> '+jQuery(this).attr("name")+'</h5><div class="details"><p>'+jQuery(this).attr("address")+'</p><div>T: '+jQuery(this).attr("tel")+' <br/>W: '+jQuery(this).attr("url")+'</div></div></div>';
			listing[i] = jQuery(html);

			i++;
		});
		
		listing.reverse();
		jQuery(listing).each(function() {
			/*jQuery(this).find('a').click(function() {
				return false;
			});*/
			jQuery(this).insertAfter('p.error');
		});
		jQuery('p.error').remove();
	});
}