var scroll = {
	data : imageLinks,
	wrapperId: 'scroll',
	speed: 50,
	offset: 0 ,
	wrapper: '',
	nextIndex: 0,
	init : function() {
		if (document.getElementById && document.getElementById(scroll.wrapperId)) {
			var outerWrapper = document.getElementById(scroll.wrapperId);
			scroll.wrapper = document.createElement('div');
			for(var i; i < 10;i++) {
			   scroll.addImage(i);
			}
			var leftEdge = document.createElement('div');
			leftEdge.className = "left-edge";
			var rightEdge = document.createElement('div');
			rightEdge.className = "right-edge";
			outerWrapper.appendChild(leftEdge);
			outerWrapper.appendChild(rightEdge)
			outerWrapper.appendChild(scroll.wrapper);
			setInterval('scroll.scroll()', scroll.speed);
		}
	}, 
	scroll: function (){
		scroll.offset-=2;
	    scroll.setScroll();
		if (scroll.offset % 100) {
			scroll.addImage(scroll.nextIndex);
		}
	},
	addImage:function (i){
		if (!scroll.data[i]) {
			scroll.nextIndex = 0;
			i = 0;
		}
		var a = document.createElement('a');
		a.href = scroll.data[i].link;
		var img = document.createElement('img');
		img.src = "images/thumb/"+scroll.data[i].img;
		a.appendChild(img);
		scroll.wrapper.appendChild(a);
		scroll.nextIndex ++;
		// I used to have this function eternally adding elements. 
		// But that crashes browsers. :( 
		if (scroll.offset < -200) {
			scroll.offset +=100;
			scroll.wrapper.removeChild(scroll.wrapper.firstChild);
			scroll.setScroll();
		}
	},
	setScroll: function (){
		scroll.wrapper.style.right = scroll.offset+"px";
		scroll.wrapper.style.width = (800+(-scroll.offset))+"px";
	}
}