willow.createMap = function(obj, data){
	var mapString = '<ul>';
	for(var i = 0;i < data.list.length;i++){
		var thisCoordinate = data.list[i].brief.split(",");
		mapString += '<li id="loc_'+(i+1)+'" style="left:'+thisCoordinate[0]+'px;top:'+thisCoordinate[1]+'px;">';
			mapString += '<div class="locNumber">'+(i+1)+'</div>';
			mapString += '<div class="locDetail">'+data.list[i].title+'</div>';
		mapString += '</li>';
	}
	mapString += '</ul>';
	obj.prepend(mapString);

	$("#campusMap ul li").each(function(){
		var thisLocNumber = $(this).find(".locNumber");
		var thisLocDetail = $(this).find(".locDetail");
		
		thisLocDetail.hide();
		
		thisLocNumber.click(function(){ 
		
			window.open('/map/detail.asp?loc='+thisLocNumber.html(), 'blank', 'location=no, menubar=no, scrollbar=no, status=no, resizable=no, height=340, width=680'); 
		
		});
		
		thisLocDetail.css("top","-2");
		thisLocDetail.css("left",(thisLocNumber.width()+6));
	});
	
	$("#campusMap ul li").hover(
		function(){
			$(this).css("z-index","100");
			$(this).find(".locDetail").show();
		},
		function(){
			$(this).css("z-index","10");
			$(this).find(".locDetail").hide();
		}
	);
}