/* 

	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(divId, altura){
	
	// id of the container element 
	var id = divId;
	
	// navigation buttons text
	var nav = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId = ["btnUp", "btnDown"];

	// movement speed
	var speed = 5;
	
	// desired height of the container element (in pixels)
	var height = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj = document.getElementById(id);
	
	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);	
	
	container.style.position = "relative";
	container.style.height = height + "px";
	container.style.overflow = "hidden";
	obj.style.position = "absolute";
	obj.style.top = "0";
	obj.style.left = "0";
	container.appendChild(obj);
	
	var btns = new Array();
	var ul = document.createElement("ul");
	ul.id="easyscrollnav";
	for (var i=0;i<nav.length;i++){
		var li = document.createElement("li");
		li.innerHTML = nav[i];
		li.id = navId[i];
		if (i==0)
			li.style.backgroundImage = scroll_baixo;
		else
			li.style.backgroundImage = scroll_cima;
		btns.push(li);
		ul.appendChild(li);
	};
	//parent.insertBefore(ul,container); // Para as setas aparecerem acima da div do conteudo
	parent.appendChild(ul); // Para as setas aparecerem abaixo da div do conteudo
	
	btns[0].onmouseover = function(){
		obj.down = true;
		this.className = "over";
	};
	btns[0].onmouseout = function(){
		obj.down = false;
		this.className = "";
	};		
	btns[1].onmouseover = function(){
		obj.up = true;
		this.className = "over";		
	};
	btns[1].onmouseout = function(){
		obj.up = false;
		this.className = "";
	};		
	btns[0].onmousedown = btns[1].onmousedown = function(){
		obj.fast = true;
	};	
	btns[0].onmouseup = btns[1].onmouseup = function(){
		obj.fast = false;
	};		
		
	this.start = function(){				
		var newTop;
		var objHeight = obj.offsetHeight;
		var top = obj.offsetTop;
		var fast = (obj.fast) ? 2 : 1;
		if(obj.down){		 
			newTop = ((objHeight+top) > height) ? top-(speed*fast) : top;	
			obj.style.top = newTop + "px";
		};	
		if(obj.up){		 
			newTop = (top < 0) ? top+(speed*fast) : top;
			obj.style.top = newTop + "px";
		};
	};	
	obj.interval = setInterval("start()",50);		
		
};


/*  Tentativa do segundo scroller */


this.easyscroll2 = function(divId, altura){
	
	// id of the container element 
	var id2 = divId;
	
	// navigation buttons text
	var nav2 = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId2 = ["btnUp2", "btnDown2"];

	// movement speed
	var speed2 = 5;
	
	// desired height of the container element (in pixels)
	var height2 = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj2 = document.getElementById(id2);
	
	obj2.up = false;
	obj2.down = false;
	obj2.fast = false;

	var container2 = document.createElement("div");
	var parent2 = obj2.parentNode;
	container2.id="easyscroll2";
	parent2.insertBefore(container2,obj2);
	parent2.removeChild(obj2);	
	
	container2.style.position = "relative";
	container2.style.height = height2 + "px";
	container2.style.overflow = "hidden";
	obj2.style.position = "absolute";
	obj2.style.top = "0";
	obj2.style.left = "0";
	container2.appendChild(obj2);
	
	var btns2 = new Array();
	var ul2 = document.createElement("ul");
	ul2.id="easyscrollnav2";
	for (var i=0;i<nav2.length;i++){
		var li2 = document.createElement("li");
		li2.innerHTML = nav2[i];
		li2.id = navId2[i];
		if (i==0)
			li2.style.backgroundImage = scroll_baixo;
		else
			li2.style.backgroundImage = scroll_cima;
		btns2.push(li2);
		ul2.appendChild(li2);
	};
	parent2.insertBefore(ul2,container2); // Para as setas aparecerem acima da div do conteudo
	//parent2.appendChild(ul2); // Para as setas aparecerem abaixo da div do conteudo
	
	btns2[0].onmouseover = function(){
		obj2.up = true;
		this.className = "over";
	};
	btns2[0].onmouseout = function(){
		obj2.up = false;
		this.className = "";
	};		
	btns2[1].onmouseover = function(){
		obj2.down = true;
		this.className = "over";		
	};
	btns2[1].onmouseout = function(){
		obj2.down = false;
		this.className = "";
	};		
	btns2[0].onmousedown = btns2[1].onmousedown = function(){
		obj2.fast = true;
	};	
	btns2[0].onmouseup = btns2[1].onmouseup = function(){
		obj2.fast = false;
	};		
		
	this.start2 = function(){				
		var newTop2;
		var objHeight2 = obj2.offsetHeight;
		var top2 = obj2.offsetTop;
		var fast2 = (obj2.fast) ? 2 : 1;
		if(obj2.down){		 
			newTop2 = ((objHeight2+top2) > height2) ? top2-(speed2*fast2) : top2;	
			obj2.style.top = newTop2 + "px";
		};	
		if(obj2.up){		 
			newTop2 = (top2 < 0) ? top2+(speed2*fast2) : top2;
			obj2.style.top = newTop2 + "px";
		};
	};	
	obj2.interval = setInterval("start2()",50);		
		
};


this.easyscroll3 = function(divId,altura){
	
	// id of the container element 
	var id3 = divId;
	
	// navigation buttons text
	var nav3 = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId3 = ["btnUp3", "btnDown3"];

	// movement speed
	var speed3 = 5;
	
	// desired height of the container element (in pixels)
	var height3 = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj3 = document.getElementById(id3);
	
	obj3.up = false;
	obj3.down = false;
	obj3.fast = false;

	var container3 = document.createElement("div");
	var parent3 = obj3.parentNode;
	container3.id="easyscroll3";
	parent3.insertBefore(container3,obj3);
	parent3.removeChild(obj3);	
	
	container3.style.position = "relative";
	container3.style.height = height3 + "px";
	container3.style.overflow = "hidden";
	obj3.style.position = "absolute";
	obj3.style.top = "0";
	obj3.style.left = "0";
	container3.appendChild(obj3);
	
	var btns3 = new Array();
	var ul3 = document.createElement("ul");
	ul3.id="easyscrollnav3";
	for (var i=0;i<nav3.length;i++){
		var li3 = document.createElement("li");
		li3.innerHTML = nav3[i];
		li3.id = navId3[i];
		if (i==0)
			li3.style.backgroundImage = scroll_baixo;
		else
			li3.style.backgroundImage = scroll_cima;
		btns3.push(li3);
		ul3.appendChild(li3);
	};
	parent3.insertBefore(ul3,container3); // Para as setas aparecerem acima da div do conteudo
	//parent3.appendChild(ul3); // Para as setas aparecerem abaixo da div do conteudo
	
	btns3[0].onmouseover = function(){
		obj3.up = true;
		this.className = "over";
	};
	btns3[0].onmouseout = function(){
		obj3.up = false;
		this.className = "";
	};		
	btns3[1].onmouseover = function(){
		obj3.down = true;
		this.className = "over";		
	};
	btns3[1].onmouseout = function(){
		obj3.down = false;
		this.className = "";
	};		
	btns3[0].onmousedown = btns3[1].onmousedown = function(){
		obj3.fast = true;
	};	
	btns3[0].onmouseup = btns3[1].onmouseup = function(){
		obj3.fast = false;
	};		
		
	this.start3 = function(){				
		var newTop3;
		var objHeight3 = obj3.offsetHeight;
		var top3 = obj3.offsetTop;
		var fast3 = (obj3.fast) ? 2 : 1;
		if(obj3.down){		 
			newTop3 = ((objHeight3+top3) > height3) ? top3-(speed3*fast3) : top3;	
			obj3.style.top = newTop3 + "px";
		};	
		if(obj3.up){		 
			newTop3 = (top3 < 0) ? top3+(speed3*fast3) : top3;
			obj3.style.top = newTop3 + "px";
		};
	};	
	obj3.interval = setInterval("start3()",50);		
		
};

this.easyscroll4 = function(divId,altura){
	
	// id of the container element 
	var id4 = divId;
	
	// navigation buttons text
	var nav4 = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId4 = ["btnUp4", "btnDown4"];

	// movement speed
	var speed4 = 5;
	
	// desired height of the container element (in pixels)
	var height4 = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj4 = document.getElementById(id4);
	
	obj4.up = false;
	obj4.down = false;
	obj4.fast = false;

	var container4 = document.createElement("div");
	var parent4 = obj4.parentNode;
	container4.id="easyscroll4";
	parent4.insertBefore(container4,obj4);
	parent4.removeChild(obj4);	
	
	container4.style.position = "relative";
	container4.style.height = height4 + "px";
	container4.style.overflow = "hidden";
	obj4.style.position = "absolute";
	obj4.style.top = "0";
	obj4.style.left = "0";
	container4.appendChild(obj4);
	
	var btns4 = new Array();
	var ul4 = document.createElement("ul");
	ul4.id="easyscrollnav4";
	for (var i=0;i<nav4.length;i++){
		var li4 = document.createElement("li");
		li4.innerHTML = nav4[i];
		li4.id = navId4[i];
		if (i==0)
			li4.style.backgroundImage = scroll_baixo;
		else
			li4.style.backgroundImage = scroll_cima;
		btns4.push(li4);
		ul4.appendChild(li4);
	};
	parent4.insertBefore(ul4,container4); // Para as setas aparecerem acima da div do conteudo
	//parent4.appendChild(ul4); // Para as setas aparecerem abaixo da div do conteudo
	
	btns4[0].onmouseover = function(){
		obj4.up = true;
		this.className = "over";
	};
	btns4[0].onmouseout = function(){
		obj4.up = false;
		this.className = "";
	};		
	btns4[1].onmouseover = function(){
		obj4.down = true;
		this.className = "over";		
	};
	btns4[1].onmouseout = function(){
		obj4.down = false;
		this.className = "";
	};		
	btns4[0].onmousedown = btns4[1].onmousedown = function(){
		obj4.fast = true;
	};	
	btns4[0].onmouseup = btns4[1].onmouseup = function(){
		obj4.fast = false;
	};		
		
	this.start4 = function(){				
		var newTop4;
		var objHeight4 = obj4.offsetHeight;
		var top4 = obj4.offsetTop;
		var fast4 = (obj4.fast) ? 2 : 1;
		if(obj4.down){		 
			newTop4 = ((objHeight4+top4) > height4) ? top4-(speed4*fast4) : top4;	
			obj4.style.top = newTop4 + "px";
		};	
		if(obj4.up){		 
			newTop4 = (top4 < 0) ? top4+(speed4*fast4) : top4;
			obj4.style.top = newTop4 + "px";
		};
	};	
	obj4.interval = setInterval("start4()",50);		
		
};

this.easyscroll5 = function(divId,altura){
	
	// id of the container element 
	var id5 = divId;
	
	// navigation buttons text
	var nav5 = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId5 = ["btnUp5", "btnDown5"];

	// movement speed
	var speed5 = 5;
	
	// desired height of the container element (in pixels)
	var height5 = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj5 = document.getElementById(id5);
	
	obj5.up = false;
	obj5.down = false;
	obj5.fast = false;

	var container5 = document.createElement("div");
	var parent5 = obj5.parentNode;
	container5.id="easyscroll5";
	parent5.insertBefore(container5,obj5);
	parent5.removeChild(obj5);	
	
	container5.style.position = "relative";
	container5.style.height = height5 + "px";
	container5.style.overflow = "hidden";
	obj5.style.position = "absolute";
	obj5.style.top = "0";
	obj5.style.left = "0";
	container5.appendChild(obj5);
	
	var btns5 = new Array();
	var ul5 = document.createElement("ul");
	ul5.id="easyscrollnav5";
	for (var i=0;i<nav5.length;i++){
		var li5 = document.createElement("li");
		li5.innerHTML = nav5[i];
		li5.id = navId5[i];
		if (i==0)
			li5.style.backgroundImage = scroll_baixo;
		else
			li5.style.backgroundImage = scroll_cima;
		btns5.push(li5);
		ul5.appendChild(li5);
	};
	parent5.insertBefore(ul5,container5); // Para as setas aparecerem acima da div do conteudo
	//parent5.appendChild(ul5); // Para as setas aparecerem abaixo da div do conteudo
	
	btns5[0].onmouseover = function(){
		obj5.up = true;
		this.className = "over";
	};
	btns5[0].onmouseout = function(){
		obj5.up = false;
		this.className = "";
	};		
	btns5[1].onmouseover = function(){
		obj5.down = true;
		this.className = "over";		
	};
	btns5[1].onmouseout = function(){
		obj5.down = false;
		this.className = "";
	};		
	btns5[0].onmousedown = btns5[1].onmousedown = function(){
		obj5.fast = true;
	};	
	btns5[0].onmouseup = btns5[1].onmouseup = function(){
		obj5.fast = false;
	};		
		
	this.start5 = function(){				
		var newTop5;
		var objHeight5 = obj5.offsetHeight;
		var top5 = obj5.offsetTop;
		var fast5 = (obj5.fast) ? 2 : 1;
		if(obj5.down){		 
			newTop5 = ((objHeight5+top5) > height5) ? top5-(speed5*fast5) : top5;	
			obj5.style.top = newTop5 + "px";
		};	
		if(obj5.up){		 
			newTop5 = (top5 < 0) ? top5+(speed5*fast5) : top5;
			obj5.style.top = newTop5 + "px";
		};
	};	
	obj5.interval = setInterval("start5()",50);		
		
};

this.easyscroll6 = function(divId,altura){
	
	// id of the container element 
	var id6 = divId;
	
	// navigation buttons text
	var nav6 = ["", ""];
	
	//	id for each navigation button (OPTIONAL)
	var navId6 = ["btnUp6", "btnDown6"];

	// movement speed
	var speed6 = 5;
	
	// desired height of the container element (in pixels)
	var height6 = altura;
	
	//
	// END CONFIG
	// do not edit below this line (unless you want to of course :) )
	//

	var obj6 = document.getElementById(id6);
	
	obj6.up = false;
	obj6.down = false;
	obj6.fast = false;

	var container6 = document.createElement("div");
	var parent6 = obj6.parentNode;
	container6.id="easyscroll6";
	parent6.insertBefore(container6,obj6);
	parent6.removeChild(obj6);	
	
	container6.style.position = "relative";
	container6.style.height = height6 + "px";
	container6.style.overflow = "hidden";
	obj6.style.position = "absolute";
	obj6.style.top = "0";
	obj6.style.left = "0";
	container6.appendChild(obj6);
	
	var btns6 = new Array();
	var ul6 = document.createElement("ul");
	ul6.id="easyscrollnav6";
	for (var i=0;i<nav6.length;i++){
		var li6 = document.createElement("li");
		li6.innerHTML = nav6[i];
		li6.id = navId6[i];
		if (i==0)
			li6.style.backgroundImage = scroll_baixo;
		else
			li6.style.backgroundImage = scroll_cima;
		btns6.push(li6);
		ul6.appendChild(li6);
	};
	parent6.insertBefore(ul6,container6); // Para as setas aparecerem acima da div do conteudo
	//parent6.appendChild(ul6); // Para as setas aparecerem abaixo da div do conteudo
	
	btns6[0].onmouseover = function(){
		obj6.up = true;
		this.className = "over";
	};
	btns6[0].onmouseout = function(){
		obj6.up = false;
		this.className = "";
	};		
	btns6[1].onmouseover = function(){
		obj6.down = true;
		this.className = "over";		
	};
	btns6[1].onmouseout = function(){
		obj6.down = false;
		this.className = "";
	};		
	btns6[0].onmousedown = btns6[1].onmousedown = function(){
		obj6.fast = true;
	};	
	btns6[0].onmouseup = btns6[1].onmouseup = function(){
		obj6.fast = false;
	};		
		
	this.start6 = function(){				
		var newTop6;
		var objHeight6 = obj6.offsetHeight;
		var top6 = obj6.offsetTop;
		var fast6 = (obj6.fast) ? 2 : 1;
		if(obj6.down){		 
			newTop6 = ((objHeight6+top6) > height6) ? top6-(speed6*fast6) : top6;	
			obj6.style.top = newTop6 + "px";
		};	
		if(obj6.up){		 
			newTop6 = (top6 < 0) ? top6+(speed6*fast6) : top6;
			obj6.style.top = newTop6 + "px";
		};
	};	
	obj6.interval = setInterval("start6()",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",easyscrollTodos);