// JScript File

function onTimeLoad1(BandStart, TimeLineID) {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos;



if (TimeLineID == '0')
{
bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Jan 01 " + BandStart + " 00:00:00 GMT",
width: "100%", 
intervalUnit: Timeline.DateTime.DECADE, 
intervalPixels: 40 //200
})
];

document.getElementById("my-timeline").style.height= "150px";
}

else
{
bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Jan 01 " + BandStart + " 00:00:00 GMT",
width: "80%", 
intervalUnit: Timeline.DateTime.YEAR, 
intervalPixels: 100
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Jan 01 " + BandStart + " 00:00:00 GMT",
width: "20%", 
intervalUnit: Timeline.DateTime.DECADE, 
intervalPixels: 250
})
];


bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;

document.getElementById("my-timeline").style.height= "350px";
}


    document.getElementById("my-timeline").style.display = "block";

var tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
//Timeline.loadXML("example1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
Timeline.loadXML("support/SimileTimeline.aspx?id=" + TimeLineID, function(xml, url) { eventSource.loadXML(xml, url); });
}


var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");

Timeline.DefaultEventSource.Event.prototype.fillTime =function(A,B){
if(this._instant)
    {
    if(this.isImprecise())
        {
        A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
        A.appendChild(A.ownerDocument.createElement("br"));
        A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._end)));
        }
    else
        {
        //A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
        var dateString = this._start;  // mm-dd-yyyy 
        var myDate = new Date(dateString);
        //A.appendChild(A.ownerDocument.createTextNode((m_names[myDate.getMonth()] + " " + myDate.getDate() + " " + myDate.getFullYear())));
        A.appendChild(A.ownerDocument.createTextNode((m_names[myDate.getMonth()] + " " + myDate.getFullYear())));
        }
    }
else
    {
    if(this.isImprecise())
        {
        A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)+" ~ "+B.labelPrecise(this._latestStart)));
        A.appendChild(A.ownerDocument.createElement("br"));
        A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._earliestEnd)+" ~ "+B.labelPrecise(this._end)));
        }
    else
        {
        var myStartDate = new Date(this._start);
        var myStartDateString = myStartDate.getFullYear()
        var myEndDate = new Date(this._end);
        var myEndDateString = myEndDate.getFullYear()
        //A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
        A.appendChild(A.ownerDocument.createTextNode(myStartDateString));
        //A.appendChild(A.ownerDocument.createElement("br"));
        A.appendChild(A.ownerDocument.createTextNode(" - "));
        //A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._end)));
        A.appendChild(A.ownerDocument.createTextNode(myEndDateString));
        }
    }
}