function initScroll() 
{
	YAHOO.util.Dom.get('scrollThumbs').scrollLeft = 0;
	var iItems = document.getElementById("scrollThumbs").getElementsByTagName("li").length;
	var iItemWidth = 89; //needs to match scrollThumbs list item width
	var offset = 445; // needs to match #scrollThumbs width
	var iGroups = Math.floor((iItems * iItemWidth) / offset);
	var forwardAttr = { 
		scroll: { 
			to: [YAHOO.util.Dom.get('scrollThumbs').scrollLeft + offset, 0] 
		} 
	};
	var forwardAnim = new YAHOO.util.Scroll('scrollThumbs', forwardAttr, 1, YAHOO.util.Easing.easeOut);
	function updateForwardTarget()
	{
		if (backAnim.isAnimated())
		{
			return;
		}
		if ((YAHOO.util.Dom.get('scrollThumbs').scrollLeft / offset) < iGroups )
		{
			if (iItems % (offset/iItemWidth) == 0 && (YAHOO.util.Dom.get('scrollThumbs').scrollLeft / offset) == iGroups - 1)
			{
				return;
			}
			var increment = YAHOO.util.Dom.get('scrollThumbs').scrollLeft + offset;
			var scrollTo = Math.floor(increment / offset) * offset;
			forwardAttr.scroll.to[0] = scrollTo;
			forwardAnim.animate();
		}
	}
	function goForward(e)
	{
		YAHOO.util.Event.preventDefault(e);
		updateForwardTarget();
	}
	
	var backAttr = { 
		scroll: { 
			to: [YAHOO.util.Dom.get('scrollThumbs').scrollLeft - offset, 0] 
		} 
	};
	var backAnim = new YAHOO.util.Scroll('scrollThumbs', backAttr, 1, YAHOO.util.Easing.easeOut);
	function updateBackTarget()
	{
		if (backAnim.isAnimated())
		{
			return;
		}
		var backOffset = YAHOO.util.Dom.get('scrollThumbs').scrollLeft - offset;
		if (backOffset > 0)
		{
			backAttr.scroll.to[0] = YAHOO.util.Dom.get('scrollThumbs').scrollLeft - offset;
		}
		else
		{
			backAttr.scroll.to[0] = 0;
		}
		backAnim.animate();
	}
	function goBack(e)
	{
		YAHOO.util.Event.preventDefault(e);
		updateBackTarget();
	}
	YAHOO.util.Event.on("prevBtn", 'click', goBack)
	YAHOO.util.Event.on("nextBtn", 'click', goForward)
}

function GetImage(gid, img)
{
AjaxRequest.get(
  {
    'url':'PublicGalleryImage.aspx?gid=' + gid + '&img=' + img
    ,'onSuccess':function(req){ 
      document.getElementById("targetArea").innerHTML = req.responseText;
    }
    ,'onError':function(req){ 
      document.getElementById("targetArea").innerHTML = req.responseText;
    }
  }
);}
function init() {
	// Over ride some of the default options.
	initScroll();
	if (firstGid && firstImg)
	{
        GetImage(firstGid, firstImg);
    }
}