var moveUp, moveDown, pId;
// function scroll lastminutes
function initScroll(formId) 
{
	/*
	 * First check if the image carousel is on the page. This might
	 * not be the case ("TTS Light"), and then we should just return
	 * immediately. This prevents Javascript errors (issue #8356).
	 */
	
	lmContainerId = "photoTable";
	largeImageId = "mainImage";
	currentImageId = "currentPhoto";
	currentNameId = "currentName";
		
	if(formId != null){
		lmContainerId = formId + ":" + lmContainerId;
		largeImageId = formId + ":" +largeImageId;
		currentImageId = formId + ":" + currentImageId;
		currentNameId = formId + ":" + currentNameId;
	}	
	
	lmContainer = document.getElementById(lmContainerId);
	if (!lmContainer )
		return;
		
	currentImage = document.getElementById(currentImageId);
	currentName = document.getElementById(currentNameId);
	largeImage = document.getElementById(largeImageId);
	scrollUp = document.getElementById('up');
	scrollDown = document.getElementById('down');
	
	scrollUpVisible = true;
	scrollDownVisible = true;
	
	OS = navigator.platform;
	visibleItems = 3;
	// pixels to pass to complete 1 block
	step = 95;
	// speed (ms) of interval
	speedM = 10;
	speed = speedM
	// # of pixels to move per interval
	speedStep = 6;
	if (navigator.appName.toUpperCase().match(/MICROSOFT INTERNET EXPLORER/) != null)
  		speedStep = 2;
	// pause between move blocks
	pauseM = 1000;
	pause = pauseM;
	// how many pixels moved
	count = 0;
	// how many blocks passed
	blockCount = 0;
	
	//number of large image
	largeImageNumber = 2;	
	//number of images for the acco
	lmBlocks = null;
	if(lmContainer!=null){
		lmBlocks = lmContainer.getElementsByTagName('img');	
	}
	
	
	if (lmBlocks && scrollUp && scrollDown && lmContainer && lmBlocks.length>0) {
		if(lmBlocks.length==1){
			if(currentImage!=null){
				currentImage.innerText = currentImage.textContent = '[ Foto '+'1'+' van '+lmBlocks.length+' ]';
				if (typeof(largeImage) == 'object' && largeImage != null) {
					if (currentName) {
						currentName.innerText = currentName.textContent = '-' + largeImage.title + '-';
					}
				}
				scrollUp.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_top_disable_orange.jpg)';
				scrollDown.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_bottom_disable_orange.jpg)';
			}
		}
		else{
			if(currentImage!=null){
				currentImage.innerText = currentImage.textContent = '[ Foto '+'2'+' van '+lmBlocks.length+' ]';
				var imgText = largeImage.title;
				imgText = leftTrim(imgText);
				imgText = rightTrim(imgText);
				if (currentName) {
					currentName.innerText = currentName.textContent = '- ' + imgText + ' -';
				}
			}
						
			notVisibleItems = lmBlocks.length - visibleItems;
			
			scrollUp.onclick = function () {
				return false;
			}
			
			scrollUp.onmousedown = function () {
				return false;
			}
			scrollUp.onmouseup = function () {
				if(moveUp) stopMoveUp();
				if(moveDown) stopMoveDown();
				clearPause();
				pause = pauseM;
				speed = speedM;
				if(blockCount>=0)
					startMoveDown();
				return false;
			}
			
			scrollDown.onclick = function () {
				return false;
			}
			
			scrollDown.onmouseup = function () {
				if(moveUp) stopMoveUp();
				if(moveDown) stopMoveDown();
				clearPause();
				pause = pauseM;
				speed = speedM;
					if(blockCount<=notVisibleItems)
						startMoveUp();
				return false;
			}
			
			
			lmContainer.style.top = '0px';
		}
	}
	if(scrollUp.onmouseup != null){
		scrollUp.onmouseup();	
	}
}

function startMoveUp() {
	moveUp = setInterval("moveScrollUp()",speed);
}

function startMoveDown() {
	moveDown = setInterval("moveScrollDown()",speed);
}

function stopMoveUp() {
	clearInterval(moveUp);
	moveUp = 0;
}

function stopMoveDown() {
	clearInterval(moveDown);
	moveDown = 0;
}

function clearPause() {
	clearInterval(pId);
}

function moveScrollUp() {
	if (!(count >= step)){
		lmContainer.style.top = eval(lmContainer.style.top.split('px')[0]) - speedStep + 'px';
		count = count+speedStep;
	}
	if (count >= step) {
		clearInterval(moveUp);
		largeImageNumber++;
		if (largeImageNumber - 1 >= 0) {
			largeImage.src = lmBlocks[largeImageNumber-1].src + '&size=L';
			setBorderOnSelectedImg(lmBlocks, largeImageNumber-1);
		}
		blockCount++;
		count=0;
		if(currentImage!=null){
			currentImage.innerText = currentImage.textContent = '[ Foto ' + (largeImageNumber) + ' van '+lmBlocks.length+' ]';
			var imgText = lmBlocks[largeImageNumber-1].title;
			if(imgText != null){
				imgText = leftTrim(imgText);
				imgText = rightTrim(imgText);
				if (currentName) {
					currentName.innerText = currentName.textContent = '- ' + imgText + ' -';
				}
			}
		}
		if(blockCount > notVisibleItems && scrollDown!=null){
			scrollDown.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_bottom_disable_orange.jpg)';
			scrollDownVisible = false;
		}
		if(scrollUp!=null && !scrollUpVisible){
			scrollUp.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_top_orange.jpg)';
			scrollUpVisible = true;
		}
	}
}

function leftTrim(sString){
	while (sString.substring(0,1) == ' ')
	{
		sString = sString.substring(1, sString.length);
	}
	return sString;
}

function rightTrim(sString){
	while (sString.substring(sString.length-1, sString.length) == ' ')
	{
	sString = sString.substring(0,sString.length-1);
	}
	return sString;
}


function moveScrollDown() {
	if (!(count >= step)){
		lmContainer.style.top = eval(lmContainer.style.top.split('px')[0]) + speedStep + 'px';
		count = count+speedStep;
	}
	
	if (count >= step) {
		clearInterval(moveDown);
		largeImageNumber--;
		if (largeImageNumber - 1 >= 0) {
			largeImage.src = lmBlocks[largeImageNumber-1].src + '&size=L';
			setBorderOnSelectedImg(lmBlocks, largeImageNumber-1);
		}
		blockCount--;
		count=0;
		if(currentImage!=null){
			currentImage.innerText = currentImage.textContent = '[ Foto '+largeImageNumber+' van '+lmBlocks.length+' ]';
			var imgText = lmBlocks[largeImageNumber-1].title;
			if(imgText != null){
				imgText = leftTrim(imgText);
				imgText = rightTrim(imgText);
				if (currentName) {
					currentName.innerText = currentName.textContent = '- ' + imgText + ' -';
				}
			}
		}
		if(blockCount == -1 && scrollUp!=null){
			scrollUp.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_top_disable_orange.jpg)';
			scrollUpVisible = false;
		}
		if(scrollDown!=null && !scrollDownVisible){
			scrollDown.style.backgroundImage = 'url(' + $('jsLabels:extImages').value + '/carousel_bottom_orange.jpg)';
			scrollDownVisible = true;
		}
	}

}
//Function will put nice border on the selected pic.
function setBorderOnSelectedImg(imgs, index) {
	for ( i = 0; i < imgs.length; i++ ) {
		imgs[i].style.border = '1px solid #a0a0a0';
		imgs[i].style.padding = '0px';
	}
	imgs[index].style.backgroundColor = '#FFFFFF';
	imgs[index].style.padding = '1px';
	imgs[index].style.border = '2px solid #00B5EA';
}