function setPicture(elementId, picture)
{
var myPicture = document.getElementById(elementId);
myPicture.src='./pictures/'+picture;
}
function changeStyle(mid, color)
{
var myLink = document.getElementById( mid );
myLink.style.color= color;
}

function getPageSizeWithScroll(){
	if (window.innerHeight && window.scrollMaxY) {// Firefox
		yWithScroll = window.innerHeight + window.scrollMaxY;
		xWithScroll = window.innerWidth + window.scrollMaxX;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yWithScroll = document.body.scrollHeight;
		xWithScroll = document.body.scrollWidth;
	} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
		yWithScroll = document.body.offsetHeight;
		xWithScroll = document.body.offsetWidth;
  	}
	arrayPageSizeWithScroll = new Array(xWithScroll,yWithScroll);
//	alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
	return arrayPageSizeWithScroll;
}


function Do_This()
{

var mySize = getPageSizeWithScroll();
var myLink = document.getElementById( 'whitestripes' );
myLink.style.height = (mySize[1]-300)+'px';
}