var veloimages = [ "startaussen.jpg", "startinnen.jpg", "startvelo.jpg" ];
var motoimages = [ "starthalle.jpg", "startinnen.jpg", "startkombi.jpg" ];
var velopos = 0;
var motopos = 0;
var velointerval = 2000;
var motointerval = 200;

function getWindowSize () {
  var width = 0;
  var height = 0;
  if (window.innerWidth) {
    width = window.innerWidth - 6;
    height = window.innerHeight - 48;
  } else {
    width = document.body.offsetWidth - 20;
    height = document.body.offsetHeight - 4;
  }
  return [width,height];
}

function getCoordinatesOf (obj) {
  var curleft = 0; 
  var curtop = 0;
  var width = obj.clientWidth;
  var height = obj.clientHeight;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
      curtop = obj.offsetTop
      while (obj = obj.offsetParent) {
        curleft += obj.offsetLeft
        curtop += obj.offsetTop
      }
  }
  return [curleft,curtop,width,height];
}

// Einige Styles setzen
function setStyles (node, style, value) {
  if (node.style.setProperty) {
    // Mozilla, Opera, Konqueror und Konsorten
    node.style.setProperty(style, value, null);
  } else {
    // IE 5, 6, 7
    if (style == "position") { node.style.position = value; }
    if (style == "left") { node.style.left = value; }
    if (style == "top") { node.style.top = value; }
    if (style == "height") { node.style.height = value; }
    if (style == "width") { node.style.width = value; }
    if (style == "border") { node.style.border = value; }
    if (style == "margin") { node.style.margin = value; }
  }
}

function replaceImageVelo () {
  velopos = (velopos + 1) % veloimages.length;
  var img = document.getElementById("veloimage");
  img.setAttribute("src", "http://images.cycle-sport.de/velo/images/" + 
		   veloimages[velopos]);
  setTimeout('replaceImageMoto()', motointerval);
}

function replaceImageMoto () {
  motopos = (motopos + 1) % motoimages.length;
  var img = document.getElementById("motoimage");
  img.setAttribute("src", "http://images.cycle-sport.de/moto/images/" + 
		   motoimages[motopos]);
  setTimeout('replaceImageVelo()', velointerval);
}

function runme () {
  var centertab = document.getElementById("layouttable");
  var coords =  getCoordinatesOf(centertab);
  var winsize = getWindowSize ();
  setStyles(centertab, 'left', ((winsize[0] - coords[2]) / 2) + 'px', null);
  if ( (winsize[1] - coords[3]) / 2 > 0 ) {
    setStyles(centertab, 'top', ((winsize[1] - coords[3]) / 2) + 'px', null);
  } else {
    setStyles(centertab, 'top', '5px', null);
  }
  setTimeout('replaceImageVelo()', velointerval + motointerval);
}