//picture list
picList = new Array();

picList[1] = "grapevine.jpg";
picList[2] = "cato.jpg";
picList[3] = "treeinbloom.jpg";
picList[4] = "apples.jpg";
picList[5] = "Trainstation.jpg";
picList[6] = "delftabandonedbike.jpg";
picList[7] = "delftcanal.jpg";
picList[8] = "delftsidestreet.jpg";
picList[9] = "alley.jpg";
picList[10] = "boiatdoor.jpg";
picList[11] = "brickkiln.jpg";
picList[12] = "brickplant.jpg";
picList[13] = "dorothychurch.jpg";
picList[14] = "dorothyroad.JPG";
picList[15] = "flowers.jpg";
picList[16] = "gravelleaf.jpg";
picList[17] = "hoodoo.jpg";
picList[18] = "ironbuckle.jpg";
picList[19] = "leafwalk.jpg";
picList[20] = "libraryaisle.jpg";
picList[21] = "lilies.jpg";
picList[22] = "lionparkview.jpg";
picList[23] = "paintedfence.jpg";
picList[24] = "painting.jpg";
picList[25] = "pinetree.jpg";
picList[26] = "railway.jpg";
picList[27] = "redberries1.jpg";
picList[28] = "redrock.jpg";
picList[29] = "ribestone.JPG";
picList[30] = "watertower.jpg";
picList[31] = "countryroad.jpg";



//Randomization
	var now = new Date();
	var secs = now.getSeconds();
	var raw_random_number = Math.random(secs);
	var random_number = Math.round(raw_random_number * (picList.length));

	if (random_number == picList.length){random_number = 1}
	
//set picture
	var pic = picList[random_number];

//set BODY command in three parts
	var body1 = "<style> <!-- BODY {background:url('images/sidebar/";
	var body2 = "') no-repeat fixed left; z-index: 100; margin-top: 0; margin-left: 260px; margin-right: 2%; background-color: #FFFFFF; color: #000000}--></style>";
	var body3 = body1+pic+body2;	


//this is the code that will be written in
//document.write("<style> <!-- BODY {background:url('images/sidebar/alley.jpg') no-repeat fixed left}--></style>")

document.write(body3)