var delay=20;

function init()
    {
       {
         var w=document.body.offsetWidth;
         var h=document.body.offsetHeight;
       }
      var mw=w/2;
      var mh=h/2;
moveit("dot1", 0, 0, 270, 194, 40);
moveit("dot2", 907, 0, 270, 194, 40);
moveit("dot3", 907, 538, 270, 194, 40);
moveit("dot4", 0, 538, 270, 194, 40);
}

var doit=0;   
function moveit(was, startx, starty, endx, endy, steps, wait)
  {  
  document.getElementById(was).style.left=startx+'px';
  document.getElementById(was).style.top=starty+'px';
  startx+=(endx-startx)/steps;
  starty+=(endy-starty)/steps;
  if(steps>0) {
  setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
  }
  else
  {
  if (was='dot4') {
      if (doit<=0) {
      doit=1;
      setTimeout("opacity('pin', 0, 100, 200)", 200);
      setTimeout("move();", 500);
      }
    }
  }
}

function move() {
InitChangeSize();
opacity('p', 0, 60, 400);
opacity('i', 0, 60, 400);
opacity('n', 0, 60, 400);
opacity('m', 0, 60, 400);
movenext("p", 247, 229, 100, 264, 20);
movenext("i", 295, 229, 282, 264, 20);
movenext("n", 346, 229, 340, 264, 20);
movenext("m", 389, 229, 558, 264, 20);
}

var doitnext=0;
function movenext(was, startx, starty, endx, endy, steps)
   {
        
    document.getElementById(was).style.left=startx+'px';
    document.getElementById(was).style.top=starty+'px';
 
    startx+=(endx-startx)/steps;
    starty+=(endy-starty)/steps;
    if(steps>0) setTimeout('movenext("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
    else{
      if (was='m') {
        if (doitnext<=0) {
        doitnext = 1;
        //alert('')
        setTimeout("combi()", 1000);
        }
      }
    }
}

function combi() {
movecombi("p", 100, 264, 159, 252, 40);
movecombi("i", 282, 264, 282, 252, 40);
movecombi("n", 340, 264, 281, 252, 40);
movecombi("m", 585, 264, 440, 252, 40);
}
 
var doitcombi=0;
   function movecombi(was, startx, starty, endx, endy, steps)
   {
          document.getElementById(was).style.left=startx+'px';
          document.getElementById(was).style.top=starty+'px';
          
          startx+=(endx-startx)/steps;
          starty+=(endy-starty)/steps;
          
          var cur = parseInt(startx)
          if(steps>0) setTimeout('movecombi("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
          else {
            if (was='m') {
              if (doitcombi<=0) {
              doitcombi = 1;
              setTimeout("ersetze()",10);
              }
            }
          } 
    }
 
var size = 2
function InitChangeSize(){
/*  document.getElementById('imgp').style.visibility = 'visible'
 document.getElementById('imgi').style.visibility = 'visible'
 document.getElementById('imgn').style.visibility = 'visible'
 document.getElementById('imgm').style.visibility = 'visible' */
changeSize()
}

function changeSize(){
 size+=2
 document.getElementById('imgp').style.height = size+'%'
 document.getElementById('imgp').style.width = size+'%'
 
 document.getElementById('imgi').style.height = size+'%'
 document.getElementById('imgi').style.width = size+'%'
 
 document.getElementById('imgn').style.height = size+'%'
 document.getElementById('imgn').style.width = size+'%'
 
 document.getElementById('imgm').style.height = size+'%'
 document.getElementById('imgm').style.width = size+'%'
 
 if (size<100) {
 setTimeout("changeSize()", 20);
 }
 else
 {
 document.getElementById('imgp').style.height = '100%'
 document.getElementById('imgp').style.width = '100%'
 
 document.getElementById('imgi').style.height = '100%'
 document.getElementById('imgi').style.width = '100%'
 
 document.getElementById('imgn').style.height = '100%'
 document.getElementById('imgn').style.width = '100%'
 
 document.getElementById('imgm').style.height = '100%'
 document.getElementById('imgm').style.width = '100%'
 
 }
}

function ersetze(){
      removeElement('p');
      removeElement('i');
      removeElement('n');
      removeElement('m');
      removeElement('pin');
      removeElement('dot1');
      removeElement('dot2');
      removeElement('dot3');
      removeElement('dot4');
      opacity('pinm', 0, 100, 200);
      setTimeout("GoAsLogo()", 600);
}

function removeElement(id) {
  var parent = document.getElementById('intro'); 
  var child = document.getElementById(id); 
  parent.removeChild(child);
}

function GoAsLogo() {
movelogo("pinm", 159, 194, 20, 20, 35);
SetSizeToLogo();
}
 
var doitlogo=0;
   function movelogo(was, startx, starty, endx, endy, steps)
   {
          document.getElementById(was).style.left=startx+'px';
          document.getElementById(was).style.top=starty+'px';
          
          startx+=(endx-startx)/steps;
          starty+=(endy-starty)/steps;
          
          var cur = parseInt(startx)
          if(steps>0) setTimeout('movelogo("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);
          else {
            if (was='m') {
              if (doitlogo<=0) {
              doitlogo = 1;
              //setTimeout("ersetze()",10);
              }
            }
          } 
    }
var h = 212;
var w = 556;
var cursize=100;
function SetSizeToLogo() {
 cursize-=1
 ch = (h/100)*cursize
 cw = (w/100)*cursize
 document.getElementById('pinm').style.height = ch+'px'
 document.getElementById('pinm').style.width = cw+'px'
 if (ch>76){setTimeout("SetSizeToLogo()",12);}
 else
 {
 removeElement('pinm');
 opacity('pinmlogo', 0, 100, 200);
 opacity('main', 0, 100, 200);
 }
}