var t;
var scroller;
var isinitialized = false;
var maxPos = 0;
var speed = 2;
var delay = 5;
var imgArray = new Array();
var stripWidth;
var leftArrow;
var rightArrow;

function initScroller(scrollerDivId, stripDivId, leftArrowId, rightArrowId, imgClassId, imagePath) {

var imgCount = 0;
var dontmove = true;
var scrollerItems;
var strip;

	if (!isinitialized) {
		scroller = document.getElementById(scrollerDivId);		
		strip = document.getElementById(stripDivId);
		stripWidth = strip.clientWidth/1;
			
		scrollerItems = scroller.getElementsByTagName('DIV')
		for (var i=0; i<scrollerItems.length;i++) {
			if (scrollerItems[i].className == imgClassId) {
				imgArray[imgCount] = scrollerItems[i];
				imgCount++;
			}
		}
		
		speed = imgArray[0].offsetWidth;
		
		maxPos = scroller.offsetWidth * -1 + stripWidth;//((imgArray.length * imgArray[0].offsetWidth) * -1) + stripWidth - Math.round((scroller.offsetLeft - stripWidth) / imgArray.length);
		leftArrow = document.getElementById(leftArrowId);
		rightArrow = document.getElementById(rightArrowId);

		leftArrow.style.color = "#CA003A";
		rightArrow.style.color = "#CA003A";

	
		if (scroller.offsetWidth > stripWidth + 100) {
			//rightArrow.style.fontWeight = "bold";
			//rightArrow.style.color = "#ffffff";
			rightArrow.src = imagePath + 'gallerybutton_red_right.jpg';
		}
		
		rightArrow.onclick = doLeft;
		//rightArrow.onmouseup = stopLeft;
		
		leftArrow.onclick = doRight;
		//leftArrow.onmouseup = stopLeft;
		
		isinitialized = true;
	}
}


function stopLeft() {
	dontmove = true;
	clearTimeout(t);
}

function doLeft() {
	var posDirection = -1 * speed;
	dontmove = false;
	doScrollerMove(posDirection);
}

function doRight() {
	var posDirection = speed;
	dontmove = false;
	doScrollerMove(posDirection);
}


function doScrollerMove(posDirection) {
		if (!dontmove) {
			var currentPos = (scroller.style.left.replace('px','')/1) + posDirection;
			if (posDirection < 0) { 
				if (currentPos - 105 <= maxPos - speed) {
					rightArrow.src = imagePath + "gallerybutton_grey_right.jpg";
					return;
				}
			}
			else {
		
				if (currentPos >= speed) { 
					leftArrow.src = imagePath + "gallerybutton_grey_left.jpg";
					return;
				}
			}
			leftArrow.src = imagePath + "gallerybutton_red_left.jpg";
			rightArrow.src = imagePath + "gallerybutton_red_right.jpg";
			scroller.style.left = currentPos + 'px';
			
			if (posDirection < 0) { 
			
				if (currentPos - 110 <= maxPos - speed) {
					rightArrow.src = imagePath + "gallerybutton_grey_right.jpg"				;
				}
			}
			else {
				if (currentPos + 110 >= speed) { 
					leftArrow.src = imagePath + "gallerybutton_grey_left.jpg";
				}
			}
			
			//setTimeout("doScrollerMove(" + posDirection + ")", delay);
		}
}