$(document).ready(function() {
	//hides tables and adds button after them
	$('#table_pages').hide().before('<p id="switch_pages" class="switch"><a href="#chart_pages">Toggle data visibility</a></p>');
	$('#table_data').hide().before('<p id="switch_data" class="switch"><a href="#chart_data">Toggle data visibility</a></p>');
	$('#table_longtail').hide().before('<p id="switch_longtail" class="switch"><a href="#chart_longtail">Toggle data visibility</a></p>');

	//on button click, toggle view of table and chart
	$('#switch_pages').click(function () {
		$('#table_pages').slideToggle('slow');
	});

	$('#switch_data').click(function () {
		$('#table_data').slideToggle('slow');
	});

	$('#switch_longtail').click(function () {
		$('#table_longtail').slideToggle('slow');
    });

	$('.snapshots > ul').tabs({ fx: { opacity: 'toggle' } });
	$('.snapshots15 > ul').tabs({ fx: { opacity: 'toggle' } });
});