var tl;
var currentdate = new Date().toLocaleDateString();
var v1 = null;






//function getQueryString() {

//    if (document.location.search.length > 0) {
//        var params = document.location.search.substr(1).split("&");

//        for (var i = 0; i < params.length; i++) {
//            var pair = params[i].split("=");
//            if (pair[0] == "tl") {
//                v1 = pair[1];

//            }
            

//        }


//    }
//    
//    // if not set, make the string null
//    if( v1 == null)
//        v1 = "";
//}

//        function onLoad() {

//      getQueryString();
//            
//            
//    var eventSource = new Timeline.DefaultEventSource();
//    var bandInfos = [


//  Timeline.createBandInfo({
//      eventSource: eventSource,
//  
// date: currentdate,
//      width: "100%",
//      intervalUnit: Timeline.DateTime.MONTH,
//      intervalPixels: 150
// })
//// ,


////    Timeline.createBandInfo({
////        eventSource: eventSource,
////  
////      date: currentdate,
////        width: "40%",
////        intervalUnit: Timeline.DateTime.YEAR, 
////        intervalPixels: 325
////    })
//  ];


// //   bandInfos[1].syncWith = 0;

//  // bandInfos[2].syncWith = 1;
// //   bandInfos[1].highlight = true;

//    tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
//    Timeline.loadXML("Controls/Timeline-api/EventFeed.aspx?tl=" + v1, function(xml, url) { eventSource.loadXML(xml, url); });
//}
var resizeTimerID = null;
function onResize() {
    if (resizeTimerID == null) {
        resizeTimerID = window.setTimeout(function() {
            resizeTimerID = null;
            tl.layout();
        }, 500);
    }
}