function placeMain(){

// Size of the picture to be centered

var picHeight=238;
var picWidth=238;

var pics = new Array(9);
pics[0]="url(img/es1.png)";
pics[1]="url(img/es2.png)";
pics[2]="url(img/es3.png)";
pics[3]="url(img/es4.png)";
pics[4]="url(img/es5.png)";
pics[5]="url(img/es6.png)";
pics[6]="url(img/es7.png)";
pics[7]="url(img/es8.png)";
pics[8]="url(img/es9.png)";

var curPic=pics[Math.floor(pics.length*Math.random())];

var topDist = Math.round(window.innerHeight/2-picHeight/2);
var leftDist = Math.round(window.innerWidth/2-picWidth/2);
document.getElementById("hello").style.backgroundImage=curPic;
document.getElementById("hello").style.top=topDist;
document.getElementById("hello").style.left=leftDist;

document.getElementById("note").style.top=topDist-40;
document.getElementById("note").style.left=leftDist+picWidth;

var topDistBut=(3*window.innerHeight)/4;
var leftDistBut=(1*window.innerWidth)/4;
	
document.getElementById("mm").style.top=topDistBut;
document.getElementById("mm").style.left=leftDistBut;

}

