//Scroll
var timer;

function attachScroll() {
	document.getElementById('scrollUp').onmouseover = function() {
		scrollUp();
	}
	
	document.getElementById('scrollDown').onmouseover = function() {
		scrollDown();
	}
	
	document.getElementById('scrollUp').onmouseout = function() {
		clearTimeout(timer);
	}
	
	document.getElementById('scrollDown').onmouseout = function() {
		clearTimeout(timer);
	}
	
	document.getElementById('videos').style.height = '260px';
	document.getElementById('videos').style.overflow = 'hidden';
	document.getElementById('videos').style.position = 'relative';
}

function scrollUp() {
	scrollPieces(-1);
}

function scrollDown() {
	scrollPieces(1);
}


function scrollPieces(x) {
	var scrollBy = 3;

	var pieces = document.getElementById('videos');
	var currPos = pieces.scrollTop;
	
	if(x > 0)
		nextPos = currPos + scrollBy;
	else
		nextPos = currPos - scrollBy;
		
	pieces.scrollTop = nextPos;
		
	timer = setTimeout("scrollPieces("+x+")", 10);
}