//preload images
var img1 = new Image(335,530);
var img2 = new Image(335,530);
var img3 = new Image(335,530);
var img4 = new Image(335,530);
var img5 = new Image(335,530);
var img6 = new Image(335,530);
var img7 = new Image(335,530);
var img8 = new Image(335,530);
var img9 = new Image(335,530);
var img10 = new Image(335,530);
var img11 = new Image(335,530);
var img12 = new Image(335,530);
var img13 = new Image(335,530);
var img14 = new Image(335,530);
var img15 = new Image(335,530);
var img16 = new Image(335,530);
var img17 = new Image(335,530);
var img18 = new Image(335,530);
var img19 = new Image(335,530);
var img20 = new Image(335,530);
var img21 = new Image(335,530);

img1.src = "images/sideImage-1.jpg";
img2.src = "images/sideImage-2.jpg";
img3.src = "images/sideImage-3.jpg";
img4.src = "images/sideImage-4.jpg";
img5.src = "images/sideImage-5.jpg";
img6.src = "images/sideImage-6.jpg";
img7.src = "images/sideImage-7.jpg";
img8.src = "images/sideImage-8.jpg";
img9.src = "images/sideImage-9.jpg";
img10.src = "images/sideImage-10.jpg";
img11.src = "images/sideImage-11.jpg";
img12.src = "images/sideImage-12.jpg";
img13.src = "images/sideImage-13.jpg";
img14.src = "images/sideImage-14.jpg";
img15.src = "images/sideImage-15.jpg";
img16.src = "images/sideImage-16.jpg";
img17.src = "images/sideImage-17.jpg";
img18.src = "images/sideImage-18.jpg";
img19.src = "images/sideImage-19.jpg";
img20.src = "images/sideImage-20.jpg";
img21.src = "images/sideImage-21.jpg";

var imageArray = new Array(21);
imageArray[0] = img1.src;
imageArray[1] = img2.src;
imageArray[2] = img3.src;
imageArray[3] = img4.src;
imageArray[4] = img5.src;
imageArray[5] = img6.src;
imageArray[6] = img7.src;
imageArray[7] = img8.src;
imageArray[8] = img9.src;
imageArray[9] = img10.src;
imageArray[10] = img11.src;
imageArray[11] = img12.src;
imageArray[12] = img13.src;
imageArray[13] = img14.src;
imageArray[14] = img15.src;
imageArray[15] = img16.src;
imageArray[16] = img17.src;
imageArray[17] = img18.src;
imageArray[18] = img19.src;
imageArray[19] = img20.src;
imageArray[20] = img21.src;

//Randome picture
function loadSidePicture()
{
	var imageCount = 21
	var image = document.getElementById("picture");
	image.src = imageArray[getRandom(imageCount)];
	
}

function getRandom(maxnumber)
{
    var ranNum= Math.floor(Math.random()*maxnumber);
    return ranNum;
}