var g_ImageHeight=new Array();
var g_ImageRotation;
var g_CircleWidth;
var g_Rotation=0;
var g_RotationSpeed=0;

var g_NormSize=150;
var g_ZoomSize=230;

function Animate()
{
  var image;
  var sizediff;
  var cX, cY;
  var radOffset;
  
  cX=document.documentElement.clientWidth;
  cY=document.documentElement.clientHeight;
  
  radOffset=(Math.PI*2)/g_Images.length;
  
  if (g_RotationSpeed>0)
  {
    g_Rotation+=Math.PI/(20000/g_RotationSpeed);
    if (g_Rotation>Math.PI*2)
      g_Rotation=0;
  }
  
  if (g_RotationSpeed<100)
  {
    g_RotationSpeed+=10;
  }
  
  for (var i=0; i<g_Images.length; i++)
  {
    image=g_Images[i];    
        
    if (image.height!=g_ImageHeight[image.src])
    {
      sizediff=(g_ImageHeight[image.src]-image.height);
      if (Math.abs(sizediff)<3)
        image.style.height=g_ImageHeight[image.src]+"px";
      else
        image.style.height=(image.height+(sizediff/2))+"px";
    }

    if ((image.height<g_ImageHeight[image.src])||(image.height==g_ZoomSize))
      g_RotationSpeed=0;
      
    iX=cX/2+(Math.sin(radOffset*i-g_Rotation)*g_CircleWidth/2);
    iY=cY/2+(Math.cos(radOffset*i-g_Rotation)*g_CircleWidth/2);
      
    image.style.left=(iX-image.width/2)+"px";
    image.style.top=(iY-image.height/2)+"px";
  }  
}

function MouseOverHandler(currentImage)
{
  g_ImageHeight[currentImage.src]=g_ZoomSize;
}

function MouseOutHandler(currentImage)
{
  g_ImageHeight[currentImage.src]=g_NormSize;
}

function LoadHandler()
{
  var image;
  
  g_Images=document.getElementsByName("Circle");
  
  for (var i=0; i<g_Images.length; i++)
  {
    image=g_Images[i];
    
    image.style.margin="0px";  //Die Margin, welche für Browser ohne JS ist, entfernen!
    
    g_ImageHeight[image.src]=image.height;
  }
  
  g_CircleWidth=document.documentElement.clientHeight;
  if (g_CircleWidth>document.documentElement.clientWidth)
    g_CircleWidth=document.documentElement.clientWidth;
  g_CircleWidth-=250;
  
  Animate();
  
  window.setInterval("Animate()", 100);
}