var ImageName;
function ExposeThumb ( elm , name ) {
	ImageName = name;
	Coords = elm.coords.split ( "," );
	document.getElementById ( 'GalleryThumbsOver' ).style.clip = 'rect('+Coords [ 1 ]+'px '+Coords [ 2 ]+'px '+Coords [ 3 ]+'px '+Coords [ 0 ]+'px)';
}
function HideThumb ( ) {
	document.getElementById ( 'GalleryThumbsOver' ).style.clip = 'rect(0 0 0 0)';
}

var ImageInterval;
var ImageCurrent;
var ImageObject;
function DisplayImage ( ) {
	ImageObject = document.getElementById ( 'GalleryImage' );
	if ( ImageName == ImageCurrent ) return;
	clearInterval ( ImageInterval );
	ImageOpacity = 100;
	ImageInterval = setInterval ( FadeImageOut , 1 );
	ImageCurrent = ImageName;
}

var ImageOpacity;
function ShowImage ( ) {
	ImageOpacity = 0;
	ImageObject.style.opacity = 0;
	ImageObject.style.filter = 'alpha(opacity=0)';
	ImageObject.style.visibility = "visible";
	document.getElementById ( 'GalleryLoading' ).style.visibility = "hidden";
	clearInterval ( ImageInterval );
	ImageInterval = setInterval ( FadeImageIn , 1 );
}

function FadeImageOut ( ) {
	ImageOpacity = ImageOpacity - 20;
	if ( ImageOpacity < 0 ) {
		ImageOpacity = 0;
		clearInterval ( ImageInterval );		
		ImageObject.style.visibility = "hidden";	
		ImageObject.src = 'images/gallery_image_' + ImageName + '.jpg';
		document.getElementById ( 'GalleryLoading' ).style.visibility = "visible";	
	}
	ImageObject.style.opacity = ImageOpacity / 100;
	ImageObject.style.filter = 'alpha(opacity=' + ImageOpacity + ')';
}

function FadeImageIn ( ) {
	ImageOpacity = ImageOpacity + 20;
	if ( ImageOpacity > 100 ) {
		ImageOpacity = 100;
		clearInterval ( ImageInterval );
	}
	ImageObject.style.opacity = ImageOpacity / 100;
	ImageObject.style.filter = 'alpha(opacity=' + ImageOpacity + ')';		
}