/* Plugin version: 0.32 */
var tl;
function loadSimileTimeline() {
	
	if(document.getElementById("stl-timeline")){	
		
		// ### create custom theme
		var mytheme = Timeline.ClassicTheme.create();
		// ### style events
		mytheme.event.label.width = 200;
		mytheme.event.bubble.width = 320;
		mytheme.event.bubble.height = 160;
		
		mytheme.event.label.insideColor = '#FFFFFF';
		mytheme.event.label.outsideColor = '#9F9F9F';
		mytheme.event.instant.icon = Timeline.urlPrefix + "images/gray-circle.png";
		// ### style ethers (bands)
		mytheme.ether.backgroundColors = ['#D3D3D3',
						'#CCCCFF',
						'',
						''
										];
		mytheme.ether.interval.line.color = '#575757';

		// ### duplicate theme and apply to lower band
		var mytheme_second = Timeline.ClassicTheme.create();
		mytheme_second = mytheme;
		mytheme_second.ether.interval.line.color = '#0000EE';
		mytheme_second.event.label.insideColor = '#fff';
		mytheme_second.event.label.outsideColor = '#AAAAFF';
		
		
		var eventSource = new Timeline.DefaultEventSource();
		
		var bandInfos = [
		Timeline.createHotZoneBandInfo({
			zones: [{
						start:	"Dec 05 2007 18:15:20 GMT-0400",
						end:	"May 11 2008 23:13:28 GMT-0400",
						unit: Timeline.DateTime.DAY, 
						magnify: 15
					}],
			locale: 'en',
			showEventText:	true,
			eventSource:    eventSource,
			date:           "May 12 2008 00:44:28 GMT-0400",
			width:          "80",
			intervalUnit:   Timeline.DateTime.MONTH,
			intervalPixels: 200,
			theme:	mytheme
		}),
		Timeline.createHotZoneBandInfo({
			zones: [{
						start:	"Dec 05 2007 18:15:20 GMT-0400",
						end:	"May 11 2008 23:13:28 GMT-0400",
						unit: Timeline.DateTime.MONTH, 
						magnify: 15
					}],
			locale: 'en',
			showEventText:	true,
			trackHeight:	0.5,
			trackGap:	0.3,
			eventSource:    eventSource,
			date:           "May 12 2008 00:44:28 GMT-0400",
			width:          "20",
			intervalUnit:   Timeline.DateTime.YEAR,
			intervalPixels: 200,
			theme:	mytheme
		})	  ];

		bandInfos[1].syncWith = 0;
		bandInfos[1].highlight = true;
		bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout());

		tl = Timeline.create(document.getElementById("stl-timeline"), bandInfos, 0);
		tl.loadXML("/wp-content/plugins/simile-timeline/timeline.xml.php?cat=97",
			function(xml, url) {
				eventSource.loadXML(xml, url);
		});
  
  }else{ /* empty - do nothing when no timeline-frame is found */ }
}

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

/* addEvent function - by Scott Andrew 
 * http://www.scottandrew.com/weblog/articles/cbs-events
 */
function addEvent(obj, evType, fn){ 
	if (obj.addEventListener){ 
		obj.addEventListener(evType, fn, false); 
		return true; 
	} else if (obj.attachEvent){ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} else { 
		return false; 
	} 
}

// use cool onload observer if prototype.js is installed
if(Event.observe){
	Event.observe(window, "load", loadSimileTimeline);
	Event.observe(window, "resize", resizeSimileTimeline);
}
// otherwise fall back to non-standard addEvent
else{ 
	addEvent(window, "load", loadSimileTimeline);
	addEvent(window, "resize", resizeSimileTimeline);
}