<!-- gives viewport dimension according tu user screen -->
// THIS FUNCTION RESIZES THE VIEWPORT SO THAT THE FULLPAGE IS USED, AND THE CONTENT IS SCROLLABLE WITH HEADER FOOTERS DISPLAYED AT ALL TIME
function sizeViewport(myObj,myHeight)
{
	myObject = document.getElementById(myObj);
// THIS BIT DETECTS THE AVAILABLE SCREEN SPACE AND ORIGINATES FROM http://www.quirksmode.org/viewport/compatibility.html
	var x,y;
	
	if (self.innerHeight) // all except Explorer
	{
		x = self.innerWidth;
		y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		x = document.body.clientWidth;
		y = document.body.clientHeight;
	}
	// THIS IS THE ACTUAL RESIZING OF THE VIEWPORT
	  viewportHeight = y - myHeight;
	 myObject.style.height = viewportHeight + "px";
	 
	 return 'resized';
}