function showImage ( filename )
{
	var g = document.getElementById ('grad');
	var i = document.getElementById ('mainViewer');
	var img = new Image();

	img.onload = function ()
	{
		document.getElementById('image').src = this.src;
		document.getElementById('image').className = 'bordered';
		
		document.getElementById('container').className = 'imageDisplay';
	}

	img.src = 'images/' + filename;
	//document.getElementById('image').src = 'images/' + filename;
	g.style.display = 'block';
	i.style.display = 'block';
	
	
	
}


function hideImage () 
{
	var g = document.getElementById ('grad');
	var i = document.getElementById ('mainViewer');
	g.style.display = 'none';
	i.style.display = 'none';
	document.getElementById('image').src = 'assets/loader.gif';
	document.getElementById('image').className = '';
	document.getElementById('container').className = 'loader';
}