// JavaScript Document

function PreloadPagedGalleryImages()
{
	// The images are a global variable loaded in the main page into paths dynamically by PHP
	var preloader = new ImagePreloader(paths, function(){});
	preloader.StartLoading();
	
	OnPagedGalleryImagesPreloaded();
}

function OnPagedGalleryImagesPreloaded()
{
	jQuery("#loading-div").fadeOut(500, GalleryLoadingFaded);
}

function GalleryLoadingFaded()
{
	$get("loading-div").style.display = "none";
	$get("gallery-images-div").style.display = "block";
}

function ChangeImage(obj)
{
	obj.style.borderColor = "#FFFFFF";
}

function OnThumbnailOut(obj)
{
	obj.style.borderColor = "#990000";
}

var fadeInterval = 150;
addEvent(window, "load", PreloadPagedGalleryImages);

