var MaxX, MaxY;
var X, Y, DX, DY;
var tamanho = 50;  // largura da imagem
function PutImg(){

var span = document.getElementById("Bola");
span.style.top = Y + 'px';
span.style.left = X + 'px';

}


function Keep(){
    X += DX;
    if(X > MaxX+1-tamanho){
      X = MaxX+1-tamanho;
      DX = -DX;
   
     
    }
    if(X < 0){
      X = 0;
      DX = -DX;
    
     
    }
    Y += DY;
    if(Y > MaxY+1-tamanho){
      Y = MaxY+1-tamanho;
      DY = -DY;
        
    }
    if(Y < 0){
      Y = 0;
      DY = -DY;
    
     
    }
 
 PutImg ();
   
}
// PlayStop do arquiuvo screen-obj.js 
// Ela controla o status do botao
var Botao = new PlayStop("switch",Keep,25);
 
var Started1 = false;
function Init(){
if(!Started1){
Started1= true;
var div = document.getElementById("pingpong");
MaxX = parseInt(div.style.width)-1;
MaxY = parseInt(div.style.height)- 2;
X= 0; Y = 0; DX = 4; DY= 3;
}


Botao.Toggle();
}