ajaxCaller.shouldDebug = false;
var timeURL = "time.phtml";

window.onload = function() {
  $("defaultTime").onclick=requestDefaultTime;
  $("customTime").onclick=requestCustomTime;
  requestDefaultTime();
  requestCustomTime();
  setInterval(requestDefaultTime, 3000);
  setInterval(requestCustomTime, 4000);


  fader.durationTime = parseInt($("fadeDuration").value);
  $("fadeDuration").onblur = function() {
    fader.durationTime = parseInt($("fadeDuration").value);
  }

  fader.transitionInterval = parseInt($("transitionInterval").value);
  $("transitionInterval").onblur = function() {
    fader.transitionInterval = parseInt($("transitionInterval").value);
  }

}

function requestDefaultTime() {
  ajaxCaller.getPlainText(timeURL, showDefaultTime);
}

function showDefaultTime(text) {
  var defaultTimeLabel = $("defaultTimeLabel");
  defaultTimeLabel.innerHTML = text;
  fader.fade(defaultTimeLabel, $("startColor").value, $("endColor").value);
}

function requestCustomTime() {
  var vars = new Array();
  vars["showWeekday"]=0;
  vars["showTimezone"]=0;
  vars["showYear"]=1;
  var callingContext = Math.round(Math.random() * 100);
  ajaxCaller.get(timeURL, vars, showCustomTime, false, callingContext);
}

function showCustomTime(text, ignored, callingContext) {
  var customTimeLabel = $("customTimeLabel");
  customTimeLabel.innerHTML = text + "." + callingContext;
  fader.fade(customTimeLabel, $("startColor").value, $("endColor").value);
}