// JavaScript Document

function PreloadGalleryImages()
{
	if(paths.length > 0)
	{
		// The images are a global variable loaded in the main page into paths dynamically by PHP
		var preloader = new ImagePreloader(paths, OnGalleryImagesPreloaded);
		preloader.StartLoading();
	
		var container = $get("gallery_images_thumbnails");	
		
		scroller = new DivScroller(container);
		scroller.interval = 10;
		scroller.deltaScroll = 4;
		
		var nextPicAnchor = $get("next_pic_anchor");
		var prevPicAnchor = $get("prev_pic_anchor");
		addEvent(nextPicAnchor, "mouseover", OnNextPicMouseOver);
		addEvent(prevPicAnchor, "mouseover", OnPrevPicMouseOver);
		addEvent(nextPicAnchor, "mouseout", OnScrollerMouseOut);
		addEvent(prevPicAnchor, "mouseout", OnScrollerMouseOut);
	}
}

function OnGalleryImagesPreloaded()
{
	jQuery("#loading_div").fadeOut(500, GalleryLoadingFaded);
}

function GalleryLoadingFaded()
{
    $get("loading_div").style.display = "none";
	$get("gallery_content").style.display = "block";
}

function OnNextPicMouseOver()
{
	scroller.StartScrolling(ScrollTypes.Left);
}

function OnPrevPicMouseOver()
{
	scroller.StartScrolling(ScrollTypes.Right);
}

function OnScrollerMouseOut()
{
	scroller.StopScrolling();
}

var scroller;

addEvent(window, "load", PreloadGalleryImages);