//Viforce thumbnail manager

document.observe("dom:loaded", onDocComplete);

function onDocComplete(evt)
{	
	captureThumbLinks();
}

function captureThumbLinks()
{
	var btns = $$('.ThumbLink');
	btns.each(function(buttonEl) 
		{
			captureThumbLink(buttonEl);
		}
	);
	
	$('gfxarrowGrDn').observe("click", onUpLinkClick);
	$('gfxarrowGrUp').observe("click", onDwnLinkClick);
	$('gfxarrowGrUp').hide();

}

function captureThumbLink(buttonEl)
{
	$(buttonEl).observe("click", onThumbLinkClick);
	
}

function onThumbLinkClick(evt)
{
	var thumb = Event.element(evt);
	//debugger;
	var link = thumb.src;
	link = link.gsub("tmb", "pic");
	$('gfxpicLarge').src = link;
	var myAlt = thumb.alt + " example";	//alert ("picture is " + src);
	$('gfxpicLarge').alt = myAlt;
}

function onUpLinkClick(evt)
{
	new Effect.Move($('innerscrollbar'), { x: 0, y: -79, mode: 'relative'});
	setTimeout('onScrollFinished()', 1200);
	$('gfxarrowGrUp').hide();
	$('gfxarrowGrDn').hide();
}

function onDwnLinkClick(evt)
{
	new Effect.Move($('innerscrollbar'), { x: 0, y: 79, mode: 'relative'});
	setTimeout('onScrollFinished()', 1200);
	$('gfxarrowGrUp').hide();
	$('gfxarrowGrDn').hide();
}

function onScrollFinished()
{
	var innerBoxHeight=$('innerscrollbar').getHeight();
	var outerBoxHeight=$('scrollbar').getHeight();
	var innerBoxTop=$('innerscrollbar').positionedOffset().top;
	var diff = innerBoxHeight - outerBoxHeight;
	if (innerBoxTop > -diff)
	{
		$('gfxarrowGrDn').show();
	
	}
	else 
	{
		$('gfxarrowGrDn').hide();
	}
	if (innerBoxTop < 0)
	{
		$('gfxarrowGrUp').show();

	}
	else 
	{
		$('gfxarrowGrUp').hide();
	}	
}