New Timeline display function

[Lei]

A timeline function needed to be implemented in certain project, the target lib is to use MIT simile. The simple timeline function has been successfully working but a new feature of categorizing items is needed. The final results would be like the following picture:

[Lei]

The new version of timeline lib has a attribute named "tracNum" can be used to set up different values for different event sources, this is a good way to have a starting point function of new timeline displaying. Right now the issue is to focus on how to solve the overlapping problem which brought by using same trackNum number for different items. 

The sample code of using trackNumb can be described as followed:

 

	var event_data =
	{
	"dateTimeFormat": "iso8601",
	"events":[
	{ "start": "2009-03-10T06:00:00+00:00",
	"end": "2009-03-31T22:00:00+00:00",
	"instant": false,
	"title": "1",
	"color": "#7FFFD4",
	"textColor": "#000000",
	"caption": "1",
	"trackNum": 1,
	"classname": "special_event2 aquamarine",
	"description": "bar 1" }