var tl;
var resizeTimerID = null;
var tl_el;
var eventSource1;
var theme1;
var bandInfos;
var url = '.';
var timeline_data = {}

function onResize() {
	if (resizeTimerID == null) {
		resizeTimerID = window.setTimeout(
			function() {
				resizeTimerID = null;
				tl.layout();
			},
			500
		);
	}
}

function resetTimeline() {
	tl_el = document.getElementById("time_line");
	eventSource1 = new Timeline.DefaultEventSource();
	theme1 = Timeline.ClassicTheme.create();
	
	now = new Date()
	
	theme1.timeline_start = now.setDate(now.getDate() - (365 * 4));
	theme1.timeline_stop = now.setDate(now.getDate() + (365 * 4));
	
	theme1.event.bubble.width = 300;
	theme1.event.bubble.height = 250;
	
	var d = Timeline.DateTime.parseGregorianDateTime("2009");
	bandInfos = [
		Timeline.createBandInfo(
			{
				width: '85%', // set to a minimum, autoWidth will then adjust
				intervalUnit: Timeline.DateTime.MONTH, 
				intervalPixels: 100,
				eventSource: eventSource1,
				date: d,
		 		theme: theme1,
				layout: 'original'  // original, overview, detailed
			}
		),
		Timeline.createBandInfo(
			{
				width: '15%', // set to a minimum, autoWidth will then adjust
				intervalUnit: Timeline.DateTime.YEAR, 
				intervalPixels: 100,
				eventSource: eventSource1,
				date: d,
		 		theme: theme1,
				layout:	'original' // original, overview, detailed
			}
		)
	];
	
	bandInfos[1].syncWith = 0;
	bandInfos[1].highlight = true;								  
	
	tl = Timeline.create(tl_el, bandInfos, Timeline.HORIZONTAL);
	eventSource1.loadJSON(timeline_data, url);
	
	// Display the Timeline
	tl.layout();
}

$(document).ready(resetTimeline);

$(document).ready(
	function() {
		$('.widget.timeline .tabs ul li').each(
			function(i) {
				$(this).find('a').bind('click',
					function(e) {
						scope = $(this).parent().attr('class');
						timeline_data = {};
						
						$.ajax(
							{
								url: '/ajax/timeline/?scope=' + scope,
								dataType: 'script',
								success: function() {
									resetTimeline();
									$('.widget.timeline .tabs ul li a.current').removeClass('current');
									$('.widget.timeline .tabs ul li.' + scope + ' a').addClass('current');
								}
							}
						);
						
						return false;
					}
				);
			}
		);
	}
);