var itemWidth = 739;
var slideSpeed = 10;

function slideContent( x, inc ) {

	var element = document.getElementById( "scrollerContent" );

	if ( element.sliding ) clearTimeout( element.sliding );
	
	if ( element.xpos == x ) return true;

	if ( element.xpos > x ) {
		var dist = Math.ceil( ( element.xpos - x ) / inc );
		element.xpos = element.xpos - dist;
	}

	if ( element.xpos < x ) {
		var dist = Math.ceil( ( x - element.xpos ) / inc );
		element.xpos = element.xpos + dist;
	}

	element.style.left = element.xpos + 'px';

	element.sliding = setTimeout( 'slideContent(' + x + ',' + inc + ')', slideSpeed );

}
function scrollLeft () {
	var element = document.getElementById( "scrollerContent" );
	if ( !element.xpos ) element.xpos = 0;
	if ( element.style.left != 0 && element.style.left != "0px") {
		slideContent(element.xpos+itemWidth, 5);
	}
}
function scrollRight () {
	var element = document.getElementById( "scrollerContent" );
	if ( !element.xpos ) element.xpos = 0;
	if ( element.style.left != "-" + ( (nItems()-1) * itemWidth) + "px" ) {
		slideContent(element.xpos-itemWidth, 5);
	}
}
function nItems () {
	var content = document.getElementById( "scrollerContent" );
	var items = 0;
	var divs = content.getElementsByTagName( "DIV" );
	for ( var i=0; i<divs.length; i++ ) {
		if ( divs[i].className == "scrollerItem" ) 
			items++;
	}
	return items;
}

function init () {
	var content = document.getElementById( "scrollerContent" );
	content.style.width = nItems()*(itemWidth+40) + "px";
}

window.onload = init;