var FactorSpeed = 4;
  var Steps = 30 * FactorSpeed;

  var Dark = $.tocolor("#ffa500");
  var Light = $.color(235, 235, 235);
  var GradLinkNormal = $.colorgrad(Light, Dark, Steps);

  var Dark = Dark.light(20);
  var Light = Light.light(20);
  var GradLinkHover = $.colorgrad(Light, Dark, Steps);

//  var Light = $.color(15, 42, 15);
//  var Dark = $.color(15, 15, 52);
	
  var Light = $.color(00, 51, 00);
  var Dark = $.color(0, 00, 51);
  var GradBackground = $.colorgrad(Light, Dark, Steps);

  var RefreshPerSecTimer = null;
  var RefreshPerMillisTimer = null;
  var dtNow = new Date();

  var LastStep = -1;


  var StepMode = 1;
  var StepAt = 0;// dtNow.getSeconds();

  ClockUpdate = function(){
    dtNow = new Date();
    Hours = dtNow.getHours();
    Minutes = dtNow.getMinutes();
    Seconds = dtNow.getSeconds();
    if (Hours < 10) Hours = "0" + Hours;
    if (Minutes < 10) Minutes = "0" + Minutes;
    if (Seconds < 10) Seconds = "0" + Seconds;
    $("#Clock").html("<span id=\"ClockHours\">" + Hours + "</span>:<span id=\"ClockMinutes\">" + Minutes + "</span>:<span id=\"ClockSeconds\">" + Seconds + "</span>");

    if(LastStep != Seconds){
      LastStep = Seconds;

    }
  }

  BackgroundUpdate = function(){
    jQuery("body").css('backgroundColor', GradBackground.grad(StepAt).hexHTML());
    jQuery.cssRule("a", "color", GradLinkNormal.grad(StepAt).hexHTML());
    jQuery.cssRule("a:visited", "color", GradLinkNormal.grad(StepAt).hexHTML());
    jQuery.cssRule("a:hover", "color", GradLinkHover.grad(StepAt).hexHTML());

    StepAt = StepAt + StepMode;
    if(StepAt == Steps){
      StepMode = StepMode * -1;
    }else if(StepAt == 0){
      StepMode = StepMode * -1;
    }
  }

  RefreshPerSecond = function(){
    if(RefreshPerSecTimer) {
      clearTimeout(RefreshPerSecTimer);
      RefreshPerSecTimer = 0;
    }

    ClockUpdate();

    RefreshPerSecTimer = setTimeout("RefreshPerSecond()", 1000);
  }

  RefreshPerMillis = function(){
    if(RefreshPerMillisTimer) {
      clearTimeout(RefreshPerMillisTimer);
      RefreshPerMillisTimer = 0;
    }

    BackgroundUpdate();

    RefreshPerMillisTimer = setTimeout("RefreshPerMillis()", 50);//1000 / FactorSpeed);
  }

  $(document).ready(function(){
    offset = 0;
    Bcks = "";
    for(x = 0; x <= 180; x++){
      offsety = Math.round(Math.sin(x * (Math.PI / 180)) * 80) + 100;
      Bcks = "<td id=\"BottMargin\" style=\"background-position:0px " + ((offsety * -1) + 280) + "px\"><img src=\"../images/transp.gif\" width=\"1px\" height=\"0px\"></td>" + Bcks;
    }
    Bcks = "<div id=\"Bck\"><center><table cellspacing=\"0\" cellpadding=\"1\" height=\"326px\"><tr>" + Bcks;
    Bcks += "</tr></table></center></div>";
    $("#bckloc").html(Bcks);

    RefreshPerSecond();
    RefreshPerMillis();
  });