var ref_scrollTimer;
var ref_currentPage = 0;
var ref_pageWidth = 348;
var ref_myFx;

function ref_nextPage()
{
	ref_currentPage++;
	var arrItems = $$('#refThumbs #refThumbsLayer2 .page');
	if (ref_currentPage==(arrItems.length))
	{
		ref_currentPage = 0;
	}
	ref_gotoPage(ref_currentPage);
}
function ref_gotoPage(index)
{
	var newPos = (ref_pageWidth * index);
	ref_myFx.cancel();
	ref_myFx.start(newPos, 0);

	var arrLinks = $$('#ref_slider a');
	arrLinks.each(function(item, index)
	{
		item.className = "";
	});
	arrLinks[index].className = 'active';
	ref_currentPage = index;
}

function ref_stopSlider()
{
	$clear(ref_scrollTimer);
}

window.addEvent('domready', function(){
if ($('refThumbs'))
{
	var arrPages = $$('#refThumbs .page');
	if (arrPages.length > 1)
	{
	
	ref_scrollTimer = ref_nextPage.periodical(6000);
		ref_myFx = new Fx.Scroll($('refThumbs'), 
		{
			fps: 100,
			duration: 1200,
			transition: 'cubic:in:out'
		});
	}
}
});

function ref_SelectItem(index)
{
	// Make the right thumb active
	var arrLinks = $$('#refThumbs .item');
	arrLinks.each(function(item, index)
	{
		item.className = "item";
	});

	arrLinks[index].className = "item active";
	
	// Preload the big image
	var pic = new Image(1,1);
	pic.src = arrBigVersions[index];
		var arrTexts = $$('#reftext .item');
		arrTexts.each(function(item, index)
		{
			item.fade('hide');
			item.className = "item";
		});

	if (pic.complete) {
		$('header').style.backgroundImage = 'url(' +$('bigPicture').src + ')';
		$('bigPicture').fade('hide');
		$('bigPicture').src = arrBigVersions[index];
			$('bigPicture').fade('in');

		var arrTexts = $$('#reftext .item');
		arrTexts[index].fade('in');

	} else {
		$('refLoading').fade('in');
		pic.onload = function() {
		$('refLoading').fade('out');

		$('header').style.backgroundImage = 'url(' +$('bigPicture').src + ')';
		$('bigPicture').fade('hide');
		$('bigPicture').src = arrBigVersions[index];
			$('bigPicture').fade('in');

		var arrTexts = $$('#reftext .item');
		arrTexts[index].fade('in');

		}
	}
}