var rand1 = 0;
		var useRand = 0;

		images = new Array;
		images[1] = new Image();
		images[1].src = "/gfx/bottom_01.jpg";
		images[2] = new Image();
		images[2].src = "/gfx/bottom_02.jpg";
		images[3] = new Image();
		images[3].src = "/gfx/bottom_03.jpg";

		function swapPic() {
			var imgnum = images.length - 1;
			do {
				var randnum = Math.random();
				rand1 = Math.round((imgnum - 1) * randnum) + 1;
			} while (rand1 == useRand);
				useRand = rand1;
				document.randimg.src = images[useRand].src;
		}
		
		function getWindowHeight() {
			var windowHeight = 0;
			if (typeof(window.innerHeight) == 'number') {
				windowHeight = window.innerHeight;
			}
			else {
				if (document.documentElement && document.documentElement.clientHeight) {
					windowHeight = document.documentElement.clientHeight;
				}
				else {
					if (document.body && document.body.clientHeight) {
						windowHeight = document.body.clientHeight;
					}
				}
			}
			return windowHeight;
		}
		function setFooter() {
			if (document.getElementById) {
				var windowHeight = getWindowHeight();
				if (windowHeight > 0) {
					var contentHeight = document.getElementById('content').offsetHeight;
					var footerElement = document.getElementById('footer');
					var middleElement = document.getElementById('middle');					

					var footerHeight = footerElement.offsetHeight;
					var middleHeight = middleElement.offsetHeight;
				
						middleElement.style.height = '0px';
						
						var checkHeight = windowHeight - ((contentHeight - middleHeight)  + footerHeight)
						if (checkHeight > 0) {
							middleElement.style.height = checkHeight + 'px';
						}
						footerElement.style.top = middleElement.style.bottom;				
				}
			}
		}

		window.onload = function() {
			swapPic();
			setFooter();
		}
		window.onresize = function() {
			setFooter();
		}