$(document).ready(function(){
	prepareRoutes();
	$('#results .details').toggle();
	$('#results').toggle();
	$('.show-comparison').click(function() { toggleComparison(); return false; });
	$('#hidedetails').click(function() { toggleDetails(); return false; });
	$('#map-loading p').css('margin-top', $('#map-loading').height()/2-10);
	$('#graph-loading p').css('margin-top', $('#graph-loading').height()/2-10);
	prepareTabs();
});

function prepareRoutes() {
	$(".load_route").click(function() {
		loadRoute(this);
		return false;
	});
}

function loadRoute(e) {
	url = e.getAttribute('href');
	url = url.substring(0,url.length-1);
	grabMapXML(url+'.xml');
	$("li.current").removeClass('current');
	e.parentNode.parentNode.parentNode.className = 'current';
}

function toggleDetails() {
	var width = $('#map-wrapper').width();
	if(width == '960') {
		$('#recentroutes').toggleClass('collapsed')		
		$('#map-wrapper').width('600px');
		map.checkResize();
		map.panTo(bounds.getCenter());
		$('#hidedetails').text('Hide Details');
	}
	$('#info').slideToggle('normal', function(){
		if(width == '600') {
			$('#recentroutes').toggleClass('collapsed')
			$('#map-wrapper').width('960px');
			map.checkResize();
			map.panTo(bounds.getCenter());
			$('#hidedetails').text('Show Details');
		}
	});
}

function prepareTabs() {
	if($('#routeinfo').size() > 0) {
		$('.authorinfo').after('<ul id="tabs"></ul>');
		
		$('.panel').each(function(i) {
			var $panel = $(this);
			
			$('#tabs').append('<li><a href="#'+$panel.attr('id')+'">'+$panel.prev('h4').eq(0).text()+'</a>');
		});

		$('#tabs li a').click(function() {
			$('#tabs li').removeClass('active');
			var anchor = $(this).attr('href').split("#");
			$('.panel').hide();
			anchor = '#'+anchor[1];
			$(anchor).toggle();
			$(this).parent().addClass('active');
			return false;
		});

		$('.panel').toggle();
		$('.panel').eq(0).toggle();
		$('#tabs li').eq(0).addClass('active');
		$('#routeinfo h4').toggle();
	}
}

function switchTab(anchor) {
	$('#tabs li').removeClass('active');
	$('.panel').hide();
	$(anchor).toggle();

	var $tab = $('#tabs li a[@href=#'+anchor+']');
	$tab.parents('li').eq(0).addClass('active');
}