var ballWidth = 40;
var ballHeight = 30;
var BallSpeed = 5;
var maxBallSpeed = 50;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'left';
var yDir = 'down';
var bouleRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
function initializeBall() {
if (document.all) {
xMax = document.body.clientWidth
yMax = document.body.clientHeight
document.all("boule").style.visibility = "visible";
}
else if (document.layers) {
xMax = window.innerWidth;
yMax = window.innerHeight;
document.layers["boule"].visibility = "show";
}
setTimeout('JavascriptCenter()',400);
}
function JavascriptCenter() {
if (bouleRunning == true) {
calculatePosition();
if (document.all) {
document.all("boule").style.left = xPos + document.body.scrollLeft;
document.all("boule").style.top = yPos + document.body.scrollTop;
}
else if (document.layers) {
document.layers["boule"].left = xPos + pageXOffset;
document.layers["boule"].top = yPos + pageYOffset;
}
setTimeout('JavascriptCenter()',30);
}
}
function calculatePosition() {
if (xDir == "right") {
if (xPos > (xMax - ballWidth - BallSpeed)) { 
if (document.all) {
document["bassan"].src = "img/fou2.gif";
}
xDir = "left";
}
}
else if (xDir == "left") {
if (xPos < (0 + BallSpeed)) {
if (document.all) {
document["bassan"].src = "img/fou.gif";
}
xDir = "right";
}
}
if (yDir == "down") {
if (yPos > (yMax - ballHeight - BallSpeed)) {
yDir = "up";
}
}
else if (yDir == "up") {
if (yPos < (0 + BallSpeed)) {
yDir = "down";
}
}
if (xDir == "right") {
xPos = xPos + BallSpeed;
}
else if (xDir == "left") {
xPos = xPos - BallSpeed;
}
else {
xPos = xPos;
}
if (yDir == "down") {
yPos = yPos + BallSpeed;
}
else if (yDir == "up") {
yPos = yPos - BallSpeed;
}
else {
yPos = yPos;
}
}
if (document.all||document.layers)
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");