/*

	Easy Scroll v1.0
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)
	please visit http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller

*/

this.easyscroll = function(){
	// id of the container element
	var id = "container";

	// navigation buttons text
	var nav = ["Scroll Up", "Scroll Down", "Reset"];

	//	id for each navigation button (OPTIONAL)
	var navId = ["btnUp", "btnDown", "btnReset"];

	// movement speed
	var speed = 30;

	// desired height of the container element (in pixels)
	var height = 0;

	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj = document.getElementById(id);
	if (obj != null){
	obj.up = false;
	obj.down = false;
	obj.fast = false;

	var container = document.createElement("div");
	var parent = obj.parentNode;
	container.id = "easyscroll";
	parent.insertBefore(container,obj);
	parent.removeChild(obj);

	obj.style.position = "absolute";
	obj.style.top = "0";
	obj.style.left = "0";
	container.appendChild(obj);

	var btns = new Array();

	btns.push(document.getElementById('btnUp'));
	btns.push(document.getElementById('btnDown'));

	btns[0].onclick = function(){
		obj.up = true;
		obj.new_h = obj.offsetTop + parseInt(height_scroll);
		this.className = "ar_top";
	};

	btns[1].onclick = function(){
		obj.down = true;
		obj.new_h = obj.offsetTop - parseInt(height_scroll);
		this.className = "ar_bot";
	};

	this.start = function(){
		var newTop = obj.offsetTop;
		var objHeight = obj.offsetHeight;
		var top = obj.offsetTop;
		var fast = (obj.fast) ? 2 : 1;
		if(obj.down && newTop+(speed*fast) > obj.new_h){
		 if (newTop-(speed*fast)  > obj.new_h)
			newTop = top-(speed*fast)
		else {
			obj.down = false;
			newTop = obj.new_h;
		}
			obj.style.top = newTop + "px";
		} else {
		obj.down = false;
		this.className = "";
		};
		if(obj.up && newTop < 0 && newTop-(speed*fast) < obj.new_h){
		 if (newTop+(speed*fast) < obj.new_h)
			newTop = top+(speed*fast)
		else {
			obj.down = false;
			newTop = obj.new_h;
		}
			obj.style.top = newTop + "px";
		} else {
		obj.up = false;
		this.className = "";
		};
	};
	obj.interval = setInterval("start()",40);
	}
};


//
// 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);
	};
};