var layerRef="null",layerStyleRef="null",styleSwitch="null";

// globale variablen fuers animieren
var dx =  new Array();
var dy = new Array();
var dz = new Array();
var maxgeschw = 99;

var x = new Array();
var y = new Array();
var z = new Array();

var i = 0;
for (i = 0; i < 7; i++) {
  if (window.innerWidth) { //IE
      dx[i]=1;
      dy[i]=1;
      dz[i]=1;
      x[i]  = (980 - 175) * Math.random();
      y[i] = (270 - 15) * Math.random();
      z[i] = 175* Math.random();
      var maxx = 980 - 150;
      var maxy = 270 - 20;
      var maxz = 120;
  } 
  else {
      dx[i]=1;
      dy[i]=1;
      dz[i]=1;
      x[i]  = (980 - 175) * Math.random();
      y[i] = (270 - 15) * Math.random();
      z[i] = 175* Math.random();
      var maxx = 980 - 150;
      var maxy = 270 - 20;
      var maxz = 120;
  }
}

function init(){
    if (navigator.appName == "Netscape") {
        layerStyleRef="layer.";
        layerRef="document.layers";
        styleSwitch="";
    } else {
        layerStyleRef="layer.style.";
        layerRef="document.all";
        styleSwitch=".style";
    }
    animieren();
}

function moveLayerTo(layerName,left,top,depth){
    var theItem = new Array();
    var i = 0;
    
    document.getElementById(layerName).style.top = top + 'px';
    document.getElementById(layerName).style.left = left + 'px';
    //alert(layerName.substring(6,8));
    document.getElementById('img'+layerName.substring(6, 8)).style.width = depth + 'px';
     
}

function animieren(){
    //alert('123');
    var theItem = new Array();
    var i = 0;
    var ra = 0;
    var ra2 = 0;
    theItem = document.getElementById('movingcontainer').getElementsByTagName('Div');
    for (i = 0; i < theItem.length; i++) {
        
      if (theItem[i].id.substring(0, 6) == "moving") {
        moveLayerTo(theItem[i].id, x[i], y[i], z[i]);
        if (Math.random() < .2) {
          
            if (Math.random() < .5) {
                if (Math.random() < .5) {
                    dx[i] = Math.max(-maxgeschw, dx[i] - 1);
                } else {
                    dx[i] = Math.min(maxgeschw, dx[i] + 1);
                }
            } else {
            
                if (Math.random() < .5) {
                    dy[i] = Math.max(-maxgeschw, dy[i] - 1);
                } else {
                    dy[i] = Math.min(maxgeschw, dy[i] + 1);
                }
            }
        
           
         
           if (Math.random() < .5) {
            dz[i] = Math.max(-maxgeschw, dz[i] - 1);
           } else {
            dz[i] = Math.min(maxgeschw, dz[i] + 1);
            }
            } else {
              if (Math.random() < .5) {
                dz[i] = Math.max(-maxgeschw, dz[i] + 1);
              } else {
                dz[i] = Math.min(maxgeschw, dz[i] - 1);
              }
            }
        
           


        x[i] += dx[i];
        y[i] += dy[i];
        z[i] += dz[i]; 
        x[i] = Math.max(Math.min(maxx, x[i]), 0);
        y[i] = Math.max(Math.min(maxy, y[i]), 0);
        z[i] = Math.max(Math.min(maxz, z[i]), 60);
        if (x[i] == 0) { dx[i] = 1 }
        if (y[i] == 0) { dy[i] = 1 }
        if (z[i] == 60) { dz[i] = 1 }
        if (x[i] == maxx) { dx[i] = -1 }
        if (y[i] == maxy) { dy[i] = -1 }
        if (z[i] == maxz) { dz[i] = -1 }
        
        
      }//if
     
    }//for

    setTimeout('animieren()',90);
}