var services = [
   {
       when: new Date(2012, 00, 29, 19, 18, 0),
       name: "718Worship Will Begin In..."
   },
   {
       when: new Date(2012, 01, 05, 17, 30, 0),
       name: "718 Super Bowl and Worship Begins in..."
   },
   {
       when: new Date(2012, 01, 12, 19, 18, 0),
       name: "718Worship Will Begin In..."
   },
   {
       when: new Date(2012, 01, 19, 19, 18, 0),
       name: "718Worship Will Begin In..."
   },
   {
       when: new Date(2012, 01, 26, 19, 18, 0),
       name: "718Worship Will Begin In..."
   }
];

var myCounter = null
var timerId = null

function loadCounter(){
   myCounter = [
           new Counter("my_counter_1",
   {
               digitsNumber : 2,
               direction : Counter.ScrollDirection.Downwards,
               characterSet : Counter.DefaultCharacterSets.numericUp,
               charsImageUrl : "images/numeric_up_blackbg5.png",
               markerImageUrl : "marker.png",
               extraClassName: {
                   left: "ex1_left",
                   right: "ex1_right",
                   inner: "ex1_inner"
               }
           }),
           new Counter("my_counter_2",
   {
               digitsNumber : 2,
               direction : Counter.ScrollDirection.Downwards,
               characterSet : Counter.DefaultCharacterSets.numericUp,
               charsImageUrl : "images/numeric_up_blackbg5.png",
               markerImageUrl : "marker.png",
               extraClassName: {
                   left: "ex1_left",
                   right: "ex1_right",
                   inner: "ex1_inner"
               }
           }),
           new Counter("my_counter_3",
   {
               digitsNumber : 2,
               direction : Counter.ScrollDirection.Downwards,
               characterSet : Counter.DefaultCharacterSets.numericUp,
               charsImageUrl : "images/numeric_up_blackbg5.png",
               markerImageUrl : "marker.png",
               extraClassName: {
                   left: "ex1_left",
                   right: "ex1_right",
                   inner: "ex1_inner"
               }
           }),
           new Counter("my_counter_4",
   {
               digitsNumber : 2,
               direction : Counter.ScrollDirection.Downwards,
               characterSet : Counter.DefaultCharacterSets.numericUp,
               charsImageUrl : "images/numeric_up_blackbg5.png",
               markerImageUrl : "marker.png",
               extraClassName: {
                   left: "ex1_left",
                   right: "ex1_right",
                   inner: "ex1_inner"
               }
           }),
           new Counter("my_counter_5",
   {
               digitsNumber : 2,
               direction : Counter.ScrollDirection.Downwards,
               characterSet : Counter.DefaultCharacterSets.numericUp,
               charsImageUrl : "images/numeric_up_blackbg5.png",
               markerImageUrl : "marker.png",
               extraClassName: {
                   left: "ex1_left",
                   right: "ex1_right",
                   inner: "ex1_inner"
               }
           })
       ];

   timerId = window.setInterval(function(){

           var destTime = new Date();
           var i = 0;
           var now = new Date();

           for (i = 0; i < services.length; i++)
               if (now < services[i].when){
                   destTime = services[i].when;
                   document.getElementById('eventName').innerHTML = services[i].name;
                   break;
               }

           var diff = Math.floor((destTime - now) / 1000);

           myCounter[0].setValue(Math.floor((diff/(60*60*24*365))), 800);
           myCounter[1].setValue(Math.floor((diff/(60*60*24)) % 365), 800);
           myCounter[2].setValue(Math.floor((diff/(60*60)) % 24), 800);
           myCounter[3].setValue(Math.floor((diff/60) % 60), 800);
           myCounter[4].setValue((diff % 60), 800);

       },
   1000);
}

loadCounter();