var galleryImageCount = 0;
var slideLast = 0;
var imagePlaceHolders = [];
var currentImagePlaceHolder = 1;

$(document).ready(function()
{
	galleryImageCount = $('#images img').length;
	galleryImageCount -= 5;
	
	if (galleryImageCount < 0)
		galleryImageCount = 0;
	
	var sv = 0;
		
	if (window.AutoSelectImage != undefined)
	{
		sv = (window.AutoSelectImage - galleryImageCount) * (100 / galleryImageCount);
	}
	
	$('#images').scrollTo(0, { axis:'x', duration: 1 });
	try
	{
		$('#imagesScroll').slider({animate: false, slide: imageScroll_Slide, steps: galleryImageCount, startValue: sv });
		$('#images').scrollTo(((window.AutoSelectImage - galleryImageCount) * 113), { axis:'x', duration: 1 });
	}catch(ex){}
	
	$('#imageScrollBack').click(function()
	{
		var to = parseInt((slideLast / (100 / galleryImageCount))-1);
		if (to >= 0)
		{
			$('#imagesScroll').slider('moveTo', to * (100 / galleryImageCount));
			slideLast = to * (100 / galleryImageCount);
		}
	});
	
	$('#imageScrollForward').click(function()
	{
		var to = parseInt((slideLast / (100 / galleryImageCount))+1);
		if (to <= galleryImageCount)
		{
			$('#imagesScroll').slider('moveTo', to * (100 / galleryImageCount));
			slideLast = to * (100 / galleryImageCount);
		}
	});
	
	//
	// setup placeholders
	imagePlaceHolders[1] = $('#image1');
	imagePlaceHolders[2] = $('#image2');
});

function imageScroll_Slide(e, ui)
{
	//
	// hack to make it almost at change, but a little more "responsive"
	if (ui.value == slideLast)
		return;
	
	slideLast = ui.value;
	
	if (galleryImageCount > 0)
	{
		var skip = (ui.value / (100 / galleryImageCount));
		var sTo = parseInt(skip * 113);
		$('#images').scrollTo(sTo, { axis:'x', duration: 400, queue: false, easing: 'easeInOutQuad' });
	}
}

function flipImagePlaceHolder()
{
	if (currentImagePlaceHolder == 1)
		currentImagePlaceHolder = 2;
	else
		currentImagePlaceHolder = 1;
		
	return currentImagePlaceHolder;
}

function changeImage(n)
{
	var image = window.AllImages[n];
	var vimg = imagePlaceHolders[currentImagePlaceHolder];
	var nimg = imagePlaceHolders[flipImagePlaceHolder()];
	
	nimg.html('<img src="' + window.RootDirectory + image.full + '" alt="' + image.alt + '" /> <p>' + image.desc + '</p>');
	
	vimg.fadeOut('normal');
	nimg.fadeIn('normal');
	
	return false;
}