function updateImage(pElement, pImage)
{
  var now = new Date();
  oElement = document.getElementById(pElement);
  if (oElement)
  {
    oElement.src = pImage +'?time='+now.getTime(); // add the time to avoid caching
  }
  setTimeout('updateImage(\"' + pElement + '\",\"' + pImage + '\")',5000);
}

function cycleImages(pElement, pImage, pNumber, pTimeout)
{
  var now = new Date();

  oElement = document.getElementById(pElement);
  if (pTimeout)
  {
    lTimeout = pTimeout;
  }
  else
  {
    lTimeout = 5000;
  }

  var imagesrc= pImage.replace(/num/,str_pad(pNumber,2,"0"));
  if (oElement)
  {
    oElement.src = imagesrc +'?time='+now.getTime(); // add the time to avoid caching
  }

  pNumber++;
  if  (pNumber >10)
  {
    pNumber=1;
  }

  setTimeout('cycleImages(\"' + pElement + '\",\"' + pImage + '\",\"' + pNumber + '\", ' + lTimeout + ')',lTimeout);

}

function str_pad (input, pad_length, pad_string, pad_type) {

    var half = '', pad_to_go;

    var str_pad_repeater = function (s, len) {
        var collect = '', i;

        while (collect.length < len) {collect += s;}
        collect = collect.substr(0,len);

        return collect;
    };

    input += '';
    pad_string = pad_string !== undefined ? pad_string : ' ';
    
    if (pad_type != 'STR_PAD_LEFT' && pad_type != 'STR_PAD_RIGHT' && pad_type != 'STR_PAD_BOTH') { pad_type = 'STR_PAD_LEFT'; }
    if ((pad_to_go = pad_length - input.length) > 0) {
        if (pad_type == 'STR_PAD_LEFT') { input = str_pad_repeater(pad_string, pad_to_go) + input; }
        else if (pad_type == 'STR_PAD_RIGHT') { input = input + str_pad_repeater(pad_string, pad_to_go); }
        else if (pad_type == 'STR_PAD_BOTH') {
            half = str_pad_repeater(pad_string, Math.ceil(pad_to_go/2));
            input = half + input + half;
            input = input.substr(0, pad_length);
        }
    }

    return input;
}