/*window.onload = squares;*/

function ViewSource() {
	window.location = "view-source:" + window.location.href }
function squares() {

	const reps = 10;
	const imgx = document.documentElement.clientHeight;
	const imgy = document.documentElement.clientWidth;
	const boxx = 100;
	const boxy = boxx*1.618;
	
	var newNode = document.createElement("div");
	var xposition=0;
	var yposition=0;
	var ximgposition=0;
	var yimgposition=0;
	var counter=0;
	var imagename="back2.png";
	
	for (counter=0; counter<=reps; counter++) {
		xposition=Math.floor(Math.random()*(imgx-boxx*2));
		yposition=Math.floor(Math.random()*(imgy-boxy*2));
		ximgposition = -xposition;
		yimgposition = -yposition;
		newNode = document.createElement("div");
		newNode.setAttribute("id","background" + counter);
		newNode.setAttribute("style", "top: " + xposition +  "px; left: " + yposition + "px; background-position: " + yimgposition +  "px " + ximgposition + "px; background-image: url('images/" + imagename + "');");
		newNode.setAttribute("class", "box");
		document.body.appendChild(newNode);
	}
/*
	newNode = document.createElement("div");
	newNode.setAttribute("id","yellows");
	newNode.setAttribute("style", "left: 50px; bottom: 50px");
	newNode.setAttribute("class", "y");
	document.body.appendChild(newNode);

	newNode = document.createElement("div");
	newNode.setAttribute("id","cyans");
	newNode.setAttribute("style", "left: 100px; bottom: 100px");
	newNode.setAttribute("class", "c");
	document.body.appendChild(newNode);

	newNode = document.createElement("div");
	newNode.setAttribute("id","blacks");
	newNode.setAttribute("style", "left: 150px; bottom: 150px");
	newNode.setAttribute("class", "k");
	document.body.appendChild(newNode);

	newNode = document.createElement("div");
	newNode.setAttribute("id","magentas");
	newNode.setAttribute("style", "left: 200px; bottom: 200px");
	newNode.setAttribute("class", "m");
	document.body.appendChild(newNode); */

	//document.write('<div id="box!row' + rowcounter + '!col!' + columncounter + '!" class="square" style="left: ' + leftPosition + '; bottom:' + rowPosition + ';"> </div>');
	//document.write('<p>Even More Testing</p>');
	//document.close();
}