function cliqueAcao()		//Função que da início a animação do banner
{	
	if (bParaOnload) 
	{
		pararRolagem();
		bParaOnload = false;
	}	
	else if(this.id == "rolarDireita")
	{
		if(iMovimento > ( ( (iTamanhoUl - iTamanhoDivPai) * -1 ) ) )
		{
			oIntervalo = setInterval("setaParaDireita()",20);
		}
		else
		{
			pararRolagem();
		}
	}
	else if(this.id == "rolarEsquerda")
	{
		if(iMovimento != 0)
		{
			oIntervalo = setInterval("setaParaEsquerda()",20);
		}
		else
		{
			pararRolagem();
		}
	}
	return false;
}

function setaParaDireita()		//Função que decrementa o marginLeft para o banner mover para esquerda
{
	iMovimento					= iMovimento-iVelocidadeBanner;
	oOpcoesUl.style.marginLeft	= iMovimento + "px";
	if(iMovimento < ( ( (iTamanhoUl - iTamanhoDivPai) * -1 ) ) )
	{
		pararRolagem();
	}
}

function setaParaEsquerda()		//Função que incrementa o marginLeft para o banner mover para direita
{
	iMovimento = iMovimento+iVelocidadeBanner;
	oOpcoesUl.style.marginLeft=iMovimento + "px";	
	if(iMovimento == 0)
	{
		pararRolagem();
	}
}

function animaBanner()		//Função que da início a animação do banner ( ONLOAD ) 
{
	oIntervalo = setInterval("animaBannerDireita()",20);
}

function animaBannerDireita()		//Função que decrementa o marginLeft para o banner mover para esquerda ( ONLOAD )			
{
	iMovimento = iMovimento-iVelocidadeBanner;
	if (iMovimento > -207)
	{
		oOpcoesUl.style.marginLeft = iMovimento + "px";
	}
	else
	{
		pararRolagem();
		oIntervalo = setInterval("animaBannerEsquerda()",20);
	}
}

function animaBannerEsquerda()		//Função que incrementa o marginLeft para o banner mover para direita ( ONLOAD )		
{
	iMovimento = iMovimento + iVelocidadeBanner;
	if (iMovimento != 0 )
	{
		oOpcoesUl.style.marginLeft = iMovimento + "px";
	}
	else
	{
		pararRolagem();
		bParaOnload = false;
	}
}

function pararRolagem()		//Função que pausa a animação do banner
{
	oIntervalo = clearTimeout(oIntervalo);
}

//medida em px (quantos pixels ira se movimentar a ul)
var oVelocidade			= document.getElementById("movimentoBanner");
var iVelocidadeBanner	= parseInt(oVelocidade.value);
//variavel que será multiplicada com o tamanho da "li" para resultar no tamanho da "ul"
var oQuantidade			= document.getElementById("divisao");
var iQuantidadeLi		= parseInt(oQuantidade.value);
//variavel que define o tamanho da UL
var iTamanhoUl			= document.getElementById("opcoesUl").getElementsByTagName("li")[0].style.width.split("p")[0];
iTamanhoUl				= parseInt(iTamanhoUl);
iTamanhoUl				= iTamanhoUl * iQuantidadeLi;
//variavel que cotrola a execução das funções
var bParaOnload			= true;
//variavel q vai sendo incrementada ou decrementada dependendo do movimento do banner (Igual ao valor do marginLeft)
var iMovimento			= 0;
var oIntervalo			= null;
var oTamanhoDivPai		= document.getElementById("divPai").style.width.split("p")[0];
var iTamanhoDivPai		= parseInt(oTamanhoDivPai);
var oOpcoesUl			= document.getElementById("opcoesUl");
oOpcoesUl.style.width	= iTamanhoUl + "px";
var oRolaDireita		= document.getElementById("rolarDireita");
var oRolaEsquerda		= document.getElementById("rolarEsquerda");

addEvent(window,"load",animaBanner);
addEvent(oRolaDireita,"mouseover",cliqueAcao);
addEvent(oRolaEsquerda,"mouseover",cliqueAcao);
addEvent(oRolaDireita,"mouseout",pararRolagem);
addEvent(oRolaEsquerda,"mouseout",pararRolagem);