this.scroll = function(){

	var speed = 10;

	var obj = document.getElementById("scroll");
	var container = document.getElementById("content");
//	container.style.overflow = "hidden";
	
	obj.up = false;
	obj.down = false;

	var up = document.getElementById("left_norm");
	var down = document.getElementById("right_norm");
	var up_mirror = document.getElementById("left_mirror");
	var down_mirror = document.getElementById("right_mirror");
	
	up.onmousedown = function(){
		obj.up = true;
	};
	up.onmouseup = function(){
		obj.up = false;
	};
	down.onmousedown = function(){
		obj.down = true;
	};
	down.onmouseup = function(){
		obj.down = false;
	};
	
	
	up.onmouseover = function(){
		this.className = "active";
		up_mirror.className = "active";
	};
	up.onmouseout = function(){
		this.className = "";
		up_mirror.className = "";
		obj.up = false;
	};
	down.onmouseover = function(){
		this.className = "active";
		down_mirror.className = "active";
	};
	down.onmouseout = function(){
		this.className = "";
		down_mirror.className = "";
		obj.down = false;
	};	
	
	this.start = function(){				
		var newTop;
		var objHeight = obj.offsetHeight;
		var top = obj.offsetTop;
		if(obj.down){		 
			newTop = ((objHeight+top) > container.offsetHeight) ? top-speed : top;	
			obj.style.top = newTop + "px";
		};	
		if(obj.up){		 
			newTop = (top < 0) ? top+speed : top;
			obj.style.top = newTop + "px";
		};
	};	
	obj.interval = setInterval("start()",50);		
};


//
// script initiates on page load. 
//

this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",scroll);