Namespace('BT.page.destinationMap');

$(window).unload(function(){
	GUnload();
});

$(document).ready(function(){
	$('#wrapper_readermedia .photos').addClass('active');
	$('#eat-sleep-shop .tabs .tab-loading').hide();
	$('#eat-sleep-shop .tabs .tab-content').css({
		position: 'relative',
		left: 0,
		overflow: 'auto' // for some reason, IE7 needs this or it doesn't display
	});
	$('#hotel-picks .scroll-control.hotels-editor-picks').show();
	
	// btPickHotels and readerPickHotels get set in destination_map.jsp
	var destMap = new DestinationMap($('#detail-map'), BT.page.destinationName, btPickHotels, readerPickHotels);
	var hotelEditorPicksPane = new ScrollablePane('#hotels-editor-picks', '#hotel-picks .scroll-control.hotels-editor-picks');
	var hotelReaderPicksPane = new ScrollablePane('#hotels-reader-picks', '#hotel-picks .scroll-control.hotels-reader-picks');
	hotelReaderPicksPane.deactivate();

	// Event handlers
	$('#talk-to-us #commentsTalkToUs').focus(checkLoginTalktous);
	$('#talk-to-us .form-tip').click(function(event){
		$('#' + $(this).attr('for')).focus();
	});
	$('#commentBox').focus(checkLogin);
	
	$('#eat-sleep-shop .tab-nav').click(function(event) {
		event.preventDefault();
		var paneId = parseUri(event.target.href).anchor;

		selectTab($(event.target));
		$('#' + paneId).show().siblings('.tab-content').hide();

		if (paneId == 'detail-map')
			destMap.showMap();
	});

	$('.picks-secondary-nav .chooser').click(function(event) {
		event.preventDefault();
		selectTab($(event.target));

		var paneId = parseUri(event.target.href).anchor;
		$('#' + paneId).show().siblings().hide();
		$('#hotel-picks .scroll-control.' + paneId).show().siblings('.scroll-control').hide();
	});
});

// TODO: Find a way to do this normally in the template, without Javascript
function renderThisJustIn(content, count) {
	blogCount = (content.length < count)? content.length : count ;
	var forLoopContent = "";

	for (i=0; i<blogCount; i++)
	{
		if (content[i].url != "")
		{
			if (i == 0)
				forLoopContent += "<div class=\"item first\">"
			else
				forLoopContent += "<div class=\"item\">"

			forLoopContent += "<div class=\"timestamp\">";

			if ( (content[i].author != "Budget Travel"))
				forLoopContent += content[i].author + ", ";

			forLoopContent += "<span class=\"pubdate\">"
				+ content[i].pubday + ", "
				+ content[i].pubdate + ", "
				+ content[i].timestamp
				+ "</span></div><h2 class=\"headline\"><a href=\""
				+ content[i].url + "\">"
				+ content[i].headline + "</a></h2>"
				+ "<p class=\"blurb\">" + content[i].blurb + "</p></div>";
		}
	}

	document.write(forLoopContent);
}