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 setDivSize(obj, x, y) {
  document.getElementById(obj).style.width = x+'px';
  document.getElementById(obj).style.height = y+'px';
}

function showShadow(){
	h = getPageSizeWithScroll();
	setDivSize('shadow', h[0], h[1]);
}

function hideShadow(){
	setDivSize('shadow', 0, 0);
}

function swapClass(div)
{
	newClass = 'smallImage';
	if(div.getAttribute('class') == 'smallImage')
	{
		showShadow();
		newClass = 'bigImage';
	}
	else
	{
		newClass = 'smallImage';
		hideShadow();
	}

	div.setAttribute('class', newClass);
}