/**
* Script para o player dos
*/

//ID do elemento que contém os banners
alvoSlide = 'banSlide';

/**
* Oculta um elemento
*/
function fadeOut(target, time)
{
    alpha = 100;
    timer = (time*1000)/50;
    var i = setInterval(
            function()
            {
                if (alpha <= 0)
                    clearInterval(i);
                setAlpha(target, alpha);
                alpha -= 2;
            }, timer);
}

/**
* Exibe um elemento
*/
function fadeIn(target, time)
{
    alpha = 0;
    timer = (time*1000)/50;
    var i = setInterval(
            function()
            {
                if (alpha >= 100)
                    clearInterval(i);
                setAlpha(target, alpha);
                alpha += 2;
            }, timer);
}

/**
* Modifica a transparencia de um elemento
*/
function setAlpha(target, alpha)
{
    target.style.filter = "alpha(opacity="+ alpha +")";
    target.style.opacity = alpha/100;
}

/**
*  Monta um array com os banners do elemento ul qua são o alvo do slide
*/
function montaArray(conteiner)
{
    var target = document.getElementById(conteiner);
    var elementos      = target.getElementsByTagName('li');
    bannersLi = new Array();

    //Cria o array com os conteúdos de cada li do conteiner
    for (i=0; i < elementos.length; i++)
    {
	bannersLi[i] = elementos[i].innerHTML;
    }
    //return(banners);
}

/**
* Exibe os banners do array
*/
function slideBanners(conteiner, numBanAt, crescente, auto)
{
    var target = document.getElementById(conteiner);

    if(crescente && numBanAt >= bannersLi.length) {numBanAt =  0;}
    if(!crescente && numBanAt < 0) {numBanAt =  bannersLi.length - 1;}

    target.innerHTML = '<li>'+bannersLi[numBanAt]+'</li>';
    setAlpha(target, 0);
    fadeIn(target, 0.9);

    var banAt = numBanAt + 1;
    if(crescente && banAt >= bannersLi.length) {banAt = 0;numBanAt = -1;}
    if(!crescente && banAt >= bannersLi.length) {banAt = 0;numBanAt = bannersLi.length - 1;}

    banAt1 = banAt;

    document.getElementById('banAt').innerHTML = numBanAt;
    if(auto == 1) exibeBan = setTimeout("slideBanners(alvoSlide, banAt1, true, 1);", 5000);
}

/**
* Exibe o banner anterior
*/
function banAnt()
{
    var banAt = parseInt(document.getElementById('banAt').innerHTML);
    var auto = parseInt(document.getElementById('tipoSlide').innerHTML);
    if(auto == 1) clearTimeout(exibeBan);
    slideBanners(alvoSlide, banAt-1, false, auto);
}

/**
* Exibe o banner posterior
*/
function banPost()
{
    var banAt = parseInt(document.getElementById('banAt').innerHTML);
    var auto = parseInt(document.getElementById('tipoSlide').innerHTML);
    if(auto == 1) clearTimeout(exibeBan);
    slideBanners(alvoSlide, banAt+1, true, auto);
}

/**
* Para a exibição automática
*/
function pararSlide()
{
    var auto = document.getElementById('tipoSlide').innerHTML = 0;
    document.getElementById('btCtrl').innerHTML = '<a href="#" onclick="iniciarSlide(); return false;" title="Iniciar"><img src="templates/siteground-j15-51/images/banners/iniciar.gif" width="25" height="25" alt="Iniciar" /></a>';
    clearTimeout(exibeBan);
}

/**
* Inicia a exibição automática
*/
function iniciarSlide()
{
    var auto = document.getElementById('tipoSlide').innerHTML = 1;
    document.getElementById('btCtrl').innerHTML = '<a href="#" onclick="pararSlide(); return false;" title="Parar"><img src="templates/siteground-j15-51/images/banners/parar.gif" width="25" height="25" alt="Parar" /></a>';
    banPost();
}

window.onload = function(e)
{
    montaArray(alvoSlide);
    slideBanners(alvoSlide, 0, true, 1);
}