var sp = new Array();

var mx = 0;
var my = 0;

var maxdist = 30;

function span(el)
{
  this.el = el;
  var posi = findPos(this.el);
  this.x = this.mx = this.cx = posi[0];
  this.y = this.my = this.cy = posi[1];
  
  this.render = function()
  {
    this.mx = this.mx + (this.x - this.mx) / 5;
    this.my = this.my + (this.y - this.my) / 5;
    this.cx = this.cx + (this.mx - this.cx) / 5;
    this.cy = this.cy + (this.my - this.cy) / 5;
    this.el.style.left = this.cx + "px";
    this.el.style.top = this.cy + "px";
  }
}

function init()
{
  document.onmousemove = mm;
  var div = document.getElementById("girks");
  var str = div.innerHTML;
  var str = str.replace(/(.{1})/ig, '<sub>$1</sub>');
  var str = str.replace(/<sub><<\/sub>.+?<sub>><\/sub>/img, '<br>');
  div.innerHTML = str;
  
  var spans = document.getElementsByTagName("sub");
  
  for(i = 0; i < spans.length; i++)
  {
    sp[i] = new span(spans[i]);
  }
  for(i = 0; i < spans.length; i++)
  {
    sp[i].el.style.position = "absolute";
  }
  
  div.style.left = "0px";
  div.style.top = "0px";
  
  render();
}

var uh = false;
var dh = false;
var delt = 0;

function render()
{
  for(i = 0; i < sp.length; i++)
  {
    var xdiff = Math.abs(mx - sp[i].cx);
    var ydiff = Math.abs(my - sp[i].cy);
    var dist = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
    if(dist < maxdist)
    {
      sp[i].mx = sp[i].mx + (sp[i].cx - mx) * (1 - dist / maxdist);
      sp[i].my = sp[i].my + (sp[i].cy - my) * (1 - dist / maxdist);
    }
  }
  
  for(i = 0; i < sp.length; i++)
  {
    sp[i].render();
  }
  
  if(scrollel)
  {
    var offset = scrollel.offset();
    var x = mx - offset.left;
    var y = my - offset.top;
    var w = scrollel.width();
    var h = scrollel.height();
    var inner = scrollel.children(".inner");
    var speed = y / h - 0.5;
    
    var ih = inner.height();
    
    if(speed < -0.2)
      speed += 0.2;
    else if(speed > 0.2)
      speed -= 0.2;
    else
      speed = 0;
    speed *= -20;
    curm = parseInt(inner.css("margin-top"));
    var newm = (curm + speed + delt);
    delt = 0;
    newm = Math.min(0, newm);
    newm = Math.max(newm, 0 - ih + h);
    
    if(newm == 0)
    {
      $(".up").hide();
      uh = true;
    }
    else if(uh)
    {
      $(".up").show();
      uh = false;
    }
      
    if(newm == 0 - ih + h)
    {
      $(".down").hide();
      dh = true;
    }
    else if(dh)
    {
      $(".down").show();
      dh = false;
    }
      
    inner.css("marginTop", newm + "px");
  }
  
  window.setTimeout("render();", 20);
}

var suspend = false;

var scrollel = null;

var eatme = "";
var maxeat = 10;

function getRandom(min, max)
{
  return min + Math.floor(Math.random() * (max - min));
}

var t = null;

function mm(ev)
{
  var t = null;
  if(window.event)
  {
    mx = window.event.clientX;
    my = window.event.clientY;
    t = window.event.srcElement;
  }
  else
  {
    mx = ev.pageX;
    my = ev.pageY;
    t = ev.target;
  }
}

function findPos(obj)
{
  var curleft = curtop = 0;
  if(obj.offsetParent)
  {
    curleft = obj.offsetLeft;
    curtop = obj.offsetTop;
    while(obj = obj.offsetParent)
    {
      curleft += obj.offsetLeft;
      curtop += obj.offsetTop;
    }
  }
  return [curleft,curtop];
}


function getFlashMovieObject(movieName)
{
  if (window.document[movieName])
  {
      return window.document[movieName];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName])
      return document.embeds[movieName];
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
    return document.getElementById(movieName);
  }
};

// Hüpfendes Menü
jQuery(document).ready(function(){
    jQuery('#navigation ul li').hover(function(){
      
      jQuery(this).find('span').animate({
        top:'1px'}, 200).animate({
          top:'5px'}, 100).animate({
            top:'15px'}, 50).animate({
              top:'1px'}, 25);
    },function(){
      
        jQuery(this).find('span').animate({
          top:'25px'}, 100);      
    });  
  });
  
// Boby Animation
  
jQuery(document).ready(function(){
    
      jQuery('#midground').css({backgroundPosition: '0px 0px'});
      jQuery('#foreground').css({backgroundPosition: '0px 0px'});
      jQuery('#background').css({backgroundPosition: '0px 0px'});
    
      jQuery('#midground').animate({
        backgroundPosition:"(-10000px -2000px)"
      }, 240000, 'linear');
      
      jQuery('#foreground').animate({
        backgroundPosition:"(-10000px -2000px)"
      }, 120000, 'linear');
      
      jQuery('#background').animate({
        backgroundPosition:"(-10000px -2000px)"
      }, 480000, 'linear');
      
    });