function displayPicture(src)
{
	var cd = document.getElementById('ImageListCoverDiv');
	cd.style.width = '' + (document.documentElement.scrollWidth) + 'px';
	cd.style.height = '' + (document.documentElement.scrollHeight) + 'px';

	var pd = document.getElementById('ImageListPictureDiv');
	pd.style.width = '200px';
	pd.style.height = '200px';
	pd.style.top = '' + (((document.documentElement.clientHeight - 200) / 2) + document.documentElement.scrollTop) + 'px';
	pd.style.left = '' + ((document.body.clientWidth - 200) / 2) + 'px';
	
	var pl = document.getElementById('ImageListLoader');	
	pl.style.display = 'block';
	
	pd.style.visibility = 'visible';
	
	pi = document.getElementById('ImageListImage');
	pi.style.display = 'none';
	pi.src = src;
}

function showPicture()
{	
	var pi = document.getElementById('ImageListImage');
	pi.style.visibility = 'hidden';
	pi.style.display = 'block';
	
	var cd = document.getElementById('ImageListCoverDiv');
	cd.style.width = '' + (document.documentElement.scrollWidth) + 'px';
	cd.style.height = '' + (document.documentElement.scrollHeight) + 'px';	

	var pd = document.getElementById('ImageListPictureDiv');
	pd.style.top = '' + (((document.documentElement.clientHeight - pi.clientHeight) / 2) + document.documentElement.scrollTop) + 'px';
	pd.style.left = '' + ((document.body.clientWidth - pi.clientWidth) / 2) + 'px';
	pd.style.width = 'auto';
	pd.style.height = 'auto';

	pl = document.getElementById('ImageListLoader');
	pl.style.display = 'none';
	pi = document.getElementById('ImageListImage');
	pi.style.visibility = 'visible';
}

function hidePicture()
{
	var pd = document.getElementById('ImageListPictureDiv');
	pd.style.visibility = 'hidden';
	
	pi = document.getElementById('ImageListImage');
	pi.style.display = 'none';	
	
	var cd = document.getElementById('ImageListCoverDiv');
	cd.style.width = '0px';
	cd.style.height = '0px';	
}