/*
 * marquee_clss
 * Instanciar um objeto no inicio da pagina
 * setar os metodos subir, descer e parar no onmouseover e onmouseout
 * no fim da pagina chamar o método addMascara para setar as divs com mascara e o método iniciar
 * Exemplo:
  		obj_marque = new marquee_clss;
  		
  		<a onmouseout="obj_marque.parar(0);" onmouseover="obj_marque.descer(0);">
  			LINK PARA SUBIR
 		</a>		
		<div id="Palco">
			<div><img src="..." /></div>
		</div>
		<a onmouseout="obj_marque.parar(0);" onmouseover="obj_marque.subir(0);">
			LINK PARA DESCER
		</a>				
		
		obj_marque.addMascara("Palco");
		obj_marque.addMascara("...");
		obj_marque.iniciar();
 */
function marquee_clss(){
	var self = this;
	var mascara = new Array();
	var direcao = new Array();
	var id = null;
	var posicao = new Array();
	this.passo = 4;
	this.tempo = 50;
	
	this.subir = function(i){
		direcao[i] = 1;
	}
	this.descer = function(i){
		direcao[i] = -1;
	}	
	this.parar = function(i){
		direcao[i] = 0;
	}
	this.addMascara = function(div_id){
		var i = mascara.length;
		var div = document.getElementById(div_id);
		if(div != null)
		{
			mascara[i] = div;
			direcao[i] = 0;
			posicao[i] = 0;
		}
	}
	this.iniciar = function(){
		id = setInterval( rolar, self.tempo);
	}
	function rolar(){
		for(i=0;i < mascara.length;i++)
		{
			var div = mascara[i].getElementsByTagName("div")[0];			
			var tamanho = div.offsetHeight - mascara[i].offsetHeight;			
			var proxima_pos = posicao[i] + direcao[i] * self.passo;
			if( proxima_pos < 0 ) {
				proxima_pos = 0;
			}
			if( proxima_pos > tamanho ) {
				proxima_pos = tamanho;
			}
			posicao[i] = proxima_pos;				
			div.style.marginTop = -posicao[i] + "px";
		}
	}
}

/* Slider:requer eventos.js */

function Slider_class( mascara_obj, anterior_btn, posterior_btn ) {
	var mascara = mascara_obj;
	var slider = mascara.getElementsByTagName("ul")[0];
	var lis = slider.getElementsByTagName("li");
	var prev = anterior_btn;
	var next = posterior_btn;
	var qtd = lis.length;
	var idx = 0;
	var pos = 0;
	
	function posFinal(){ return idx * -qtd;	}
}

var obj_marque = null;

addEventLis( window, "load", function(e){
	
	obj_marque = new marquee_clss();
	obj_marque.addMascara("apoioMsk");
	obj_marque.iniciar();
	
});