try {

  $(document).ready(function() {

	var pause;

	$('#chartarea').css({
		'overflow': 'hidden'
	}).find('.charts').css({
		'float': 'none',
		'position': 'absolute',
		'left': 1000
	});
	
	var $rollover = $('<img/>')
		.attr('src', 'images/nextchart.gif')
		.addClass('control')
		.css('opacity', 0.6)
		.css('display', 'none');
	
	
	var setUpCharts = function() {
		var $charts = $('#chartarea .charts');
		$charts.unbind('click mouseenter mouseleave');
		$charts.unbind('click');
		$charts.eq(0)
			.css({'left': 0})
			.click(function(event) {
				clearTimeout(pause);
				$charts.eq(0).animate({'left': 1000}, 'slow');
				$charts.eq(0).appendTo('#chartarea');
				setUpCharts();
				event.preventDefault();
			}).hover(function() {
				clearTimeout(pause);
				$rollover.appendTo(this).show('fast');
			}, function() {
				pause = setTimeout(nextChart, 5000);
				$rollover.hide();
			});
		$charts.eq(1)
			.css({'left': 1000})
	};
		
	setUpCharts();
	
	var nextChart = function(event) {
		var $charts = $('#chartarea .charts');
		$charts.eq(0).animate({'left': 1000}, 'slow');
		$charts.eq(0).appendTo('#chartarea');
		$charts.eq(1).css({'left': 0});
		clearTimeout(pause);
		pause = setTimeout(nextChart, 10000);
	};
	
	pause = setTimeout(nextChart, 15000);

  });
 
 }  catch(e) {/* ignore errors */}