var scrollerContainer;
var imageCurrent = '';
var imageDirection = 1;
var imageIndex = 0;
var imageItemsStart = 0;
var imageItemsStop = 0;
var imageItemsFill = 0;

function loadScroller(scrollerContainerIn, displayContentContainerIn, bannerTextContainerIn)
{
	if ((scrollerContainerIn != null) && (scrollerContainerIn != ""))
	{
		scrollerContainer = scrollerContainerIn;
		//
		if ((displayContentContainerIn != null) && (displayContentContainerIn != ""))
		{
			displayContentContainer = displayContentContainerIn;
			//
			if ((bannerTextContainerIn != null) && (bannerTextContainerIn != ""))
			{
				bannerTextContainer = bannerTextContainerIn;
				//
				loadResources();
				setScrollerImages();
			}
		}
	}
}

function selectScrollerImage(value)
{
    imageIndex = value;
    setScrollerContent(imageIndex);
    setScrollerDisplay();
}

function previousScrollerImage()
{
    if (imageIndex > 0)
    {
		imageDirection = 0;
		imageIndex = (imageIndex  - 1);
		setScrollerContent(imageIndex);
		setScrollerDisplayBounds();
		setScrollerDisplay();
    }
}

function nextScrollerImage()
{
    if (imageIndex < (imageItems.length - 1))
    {
		imageDirection = 1;
		imageIndex = (imageIndex  + 1);
		setScrollerContent(imageIndex);
		setScrollerDisplayBounds();
		setScrollerDisplay();
    }
}

function setScrollerImages()
{
    imageIndex = 0;
    setScrollerContent(imageIndex);
    setScrollerDisplayBounds();
    setScrollerDisplay();
}

function setScrollerDisplayBounds()
{
    if (imageItems.length <= 9)
    {
		imageItemsStart = 0;
		imageItemsStop = imageItems.length;
		imageItemsFill = (9 - imageItemsStop);
    }
    else
    {
		if (imageIndex < 9)
		{
			imageItemsStart = 0;
			imageItemsStop = 9;
			imageItemsFill = 0;
		}
		else
		{
			if (imageDirection == 1)
			{
				if ((imageIndex % 9) == 0)
				{
					imageItemsStart = imageIndex;
					imageItemsStop = (imageItemsStart + 9);
					if (imageItemsStop  > imageItems.length)
					{
						imageItemsStop = imageItems.length;;
					}
					imageItemsFill = (9 - (imageItemsStop - imageItemsStart));
				}
			}
			else
			{
				if (((imageIndex + 1) % 9) == 0)
				{
					imageItemsStop = (imageIndex + 1);
					imageItemsStart = (imageItemsStop - 9);
					imageItemsFill = 0;
				}
			}
		}
    }
}

function getScrollerDisplayIndex(value)
{
    var f = 0;
    var i = 0;
    for (i=0;i<imageItems.length;i++)
    {
		if (imageItems[i] == value)
		{
			f = i;
			break;
		}
    }
    return f;
}

function setScrollerDisplay()
{
    var imageElement = "";
    if (imageItems.length > 0)
    {
		imageElement += '<img class="scrollerImagePrevious" src="images/image_control.gif" onclick="previousScrollerImage()"/>';
    }
    var i = 0;
    for (i=imageItemsStart;i<imageItemsStop;i++)
    {
		if (imageItems[i] == imageCurrent)
		{
			imageElement += ('<img class="scrollerImageSelected" src="' + imageItems[i] + '" onclick="selectScrollerImage(' + getScrollerDisplayIndex(imageItems[i]) + ')"/>');
		}
		else
		{
			imageElement += ('<img class="scrollerImageRegular" src="' + imageItems[i] + '" onclick="selectScrollerImage(' + getScrollerDisplayIndex(imageItems[i]) + ')"/>');
		}
    }
    if (imageItemsFill > 0)
    {
		for (i=0;i<imageItemsFill;i++)
		{
			imageElement += '<img class="scrollerImageFill" src="images/image_clear.gif"/>';
		}
    }
    if (imageItems.length > 0)
    {
		imageElement += '<img class="scrollerImageNext" src="images/image_control.gif" onclick="nextScrollerImage()"/>';
    }
    document.getElementById(scrollerContainer).innerHTML = imageElement;
}

function setScrollerContent(index)
{
	if (displayItems[index] == 'object')
	{
		setObjectContent(index);
		setBannerContent(index);
	}
	else if (displayItems[index] == 'image')
	{
    	setImageContent(index);
    	setBannerContent(index);
    }
    else
    {
    }
}