var dateNames = new Array("Sunday", "Monday", "Tuesday",
"Wednesday", "Thursday", "Friday", "Saturday");

	var monthNames = new Array("January", "February", "March", 
"April", "May", "June", "July", "August", "September", 
"October", "November", "December");

	var tabIds = new Array("map", "news", "infocus", 
"video");
	
	// feed URLs; indexes match tabIds, so first is blank (map)
	var feedUrls = new Array("", "../../news/pages/news_rss.aspx", "../../infocus/pages/infocus_rss.aspx", 
"../../documents/flash/video_rss.xml");

	// initially selected tab is News
	var currentTab = "news";
	
	function loadESPFeed(pane){
	
	jQuery.getFeed({
        url: feedUrls[$.inArray(pane, tabIds)],
        success: function(feed) {
        
            var thisContent = '';
			          
            for(var i = 0; i < feed.items.length && i < 5; i++) {
            
                var item = feed.items[i];
				
				var itemDateObj = new Date(Date.parse(item.updated));
				var itemDay = itemDateObj.getDay();
				var itemDate = itemDateObj.getDate();
				var itemMonth = itemDateObj.getMonth();
				var itemYear = itemDateObj.getFullYear();

                
				if (i % 2 == 0)
					thisContent += '<div class="rss-item even">';
				else
					thisContent += '<div class="rss-item odd">';
				
				thisContent += '<div class="rss-pic">';
				
				thisContent += '<a href="'
                + item.link
                + '" target="_top"><img src="'
				+ item.enclosureUrl
				+ '" alt="" width="56" /></a></div>';
				
				// dates: no date at all for videos; month/year only for in-focus
				if (pane != "video") thisContent += '<p class="rss-date">';
				
				if (pane == "news")
				{
					thisContent += dateNames[itemDay] + " "
					+ itemDate + " ";
				}
				
				if (pane != "video")
				{
					thisContent += monthNames[itemMonth] + " "
					+ itemYear + " "
					+ '</p>';
				}
				
                thisContent += '<p class="rss-title">'
                + '<a href="'
                + item.link
                + '" target="_top">'
                + item.title
                + '</a>'
                + '</p>';
				
				thisContent += '<p class="rss-desc">'
                + item.description
                + '</p>';
                
                thisContent += '</div>';
            }
            
            jQuery('#' + pane + '-pane').html(thisContent);
        }    
    });

	};
	
	function loadMap() {
		// nothing yet
		if (window.console) console.log("ESP widget: loadMap called");
	};
	
	var tabClick = {
		map:  function() { loadMap(); },
		news:  function() { loadESPFeed("news"); },
		infocus: function() { loadESPFeed("infocus"); },
		video: function() { loadESPFeed("video"); }
	};

	$(document).ready(function(){
		// bind calls to load content per tab
		$("#map a").click(function(event){ loadMap(); });
		$("#news a").click(function(event){ loadESPFeed("news"); });
		$("#infocus a").click(function(event){ loadESPFeed("infocus"); });
		$("#video a").click(function(event){ loadESPFeed("video"); });
		// load content for the initial tab
		$("#tabs > li a.current").click();
	});