var iCurrentSlide = 1;
var iSliderDelay = 5000;
var oTimer = null;
iGlobalPanelWidth = 386;

function startSlideShow()
{
	oTimer = setTimeout('NextSlide()', iSliderDelay);
}

function stopSlideShow()
{
	clearTimeout(oTimer);
}

function NextSlide()
{
	stopSlideShow();

	if (iCurrentSlide == arrSlides.length)
		iCurrentSlide = 1;
	else
		iCurrentSlide++;

	scroller.doScroll(iCurrentSlide);
	createSlideLinks();
	oTimer = setTimeout('NextSlide()', iSliderDelay);
}

function PreviousSlide()
{
	stopSlideShow();

	if (iCurrentSlide == 1)
		iCurrentSlide = arrSlides.length;
	else
		iCurrentSlide--;

	scroller.doScroll(iCurrentSlide);
	createSlideLinks();
	oTimer = setTimeout('NextSlide()', iSliderDelay);
}

function goToSlide(pIndex)
{
	stopSlideShow();
	iCurrentSlide = pIndex;
	scroller.doScroll(iCurrentSlide);
	createSlideLinks();
	oTimer = setTimeout('NextSlide()', iSliderDelay);
}

function createSlideLinks()
{
	var sHTML = '';
	var sImageName = '';

	sHTML += '<a href="javascript:PreviousSlide();"><img src="/images/btn_slider_left.gif" alt="previous item"/></a>' + '\r\n';
	sHTML += '<div id="itemcounters">' + '\r\n';
	sHTML += '	<ul>' + '\r\n';

	for (var ii = 1; ii <= arrSlides.length; ii++)
	{
		if (ii == iCurrentSlide)
			sImageName = 'counter_on';
		else
			sImageName = 'counter_off';

		sHTML += '		<li><a href="javascript:goToSlide(' + (ii) + ');"><img src="/images/' + sImageName + '.gif" alt=""/></a></li>' + '\r\n';
	}

	sHTML += '	</ul>' + '\r\n';
	sHTML += '</div>' + '\r\n';
	sHTML += '<a href="javascript:NextSlide();"><img src="/images/btn_slider_right.gif" alt="next item"/></a>' + '\r\n';

	document.getElementById("controls").innerHTML = sHTML;
}

function createSlider()
{
	var sHTML = '';

	if (arrSlides.length == 0)
	{
		arrSlides[0] = ['blank.jpg','No products just yet...','We are awaiting the latest, and most exciting products this year so check back shortly for some new items',''];
	}

	for (var ii = 0; ii < arrSlides.length; ii++)
	{
		sHTML += '<div class="productscrollitem" onclick="document.location=\'' + arrSlides[ii][3] + '\';">' + '\r\n';
		sHTML += '	<div id="productimage">' + '\r\n';
		sHTML += '		<img src="images/products/medium/' + arrSlides[ii][0] + '" alt="' + arrSlides[ii][1] + '"/>' + '\r\n';
		sHTML += '	</div>' + '\r\n';
		sHTML += '	<h2>' + arrSlides[ii][1] + '</h2>' + '\r\n';
		sHTML += '	<p>' + arrSlides[ii][2] + '</p>' + '\r\n';
		sHTML += '</div>' + '\r\n';
	}

	document.getElementById("scroller").innerHTML = sHTML;
	document.getElementById("scroller").style.width = (iGlobalPanelWidth*arrSlides.length) + 'px';
	createSlideLinks();
}