var scrollImageWidth = 220;
var sliderTimerID = 0;
var sliderINX = 0;
var sliderCurrentX;
var sliderX = scrollImageWidth;
var sliderOBJ;
var sliderZIndex = 0;

function startRotatingImage()
{
	sliderOBJ = document.getElementById("rotate_image_"+sliderINX);
	sliderOBJ.style.zIndex = sliderZIndex++;
	sliderCurrentX = 220;

	var placeHolder = document.getElementById("sliderTitlePlaceHolder");	
	placeHolder.innerHTML = "<a href='"+sliderURLs[sliderINX]+"' title='"+sliderTitles[sliderINX]+"'>"+sliderTitles[sliderINX]+"</a>";
	placeHolder.style.display = "block";
	
	slideMe();
}

function slideMe()
{
	if (sliderTimerID) 
		clearTimeout(sliderTimerID);
	sliderTimerID = 0;

	sliderCurrentX -= Math.abs(0-sliderCurrentX) / 3;
	sliderOBJ.style.left = Math.round(sliderCurrentX) + "px";
	
	sliderOBJ.style.width = (parseInt(scrollImageWidth) - parseInt(sliderCurrentX)) + "px";

	if (Math.round(sliderCurrentX) != 0)
		sliderTimerID = setTimeout("slideMe()", 25);
	else
		sliderTimerID = setTimeout("SlideNextOne()", 5000);
}

function SlideNextOne()
{
	if (sliderTimerID) 
		clearTimeout(sliderTimerID);
	sliderTimerID = 0;
	
	sliderINX++;
	if (sliderINX >= sliderTitles.length)
		sliderINX = 0;
	startRotatingImage();
}