﻿function nomeNavegador() {
    var UA = navigator.userAgent;
    if (UA.search(/msie/i) > 0) { return "ie" }
    else if (UA.search(/firefox/i) >= 0) { return "firefox" }
    else if (UA.search(/chrome/i) >= 0) { return "chrome" }
    else if (UA.search(/iron/i) >= 0) { return "iron" }
    else if (UA.search(/opera/i) >= 0) { return "opera" }
    else if (UA.search(/safari/i) >= 0) { return "safari" }
}

var D1;
var D2;
var D3;
var D4;
//var D5;



function mudaDestaque(numeroDestaque) {

	D1 = document.getElementById('destaque1');
	D2 = document.getElementById('destaque2');
	D3 = document.getElementById('destaque3');
	D4 = document.getElementById('destaque4');
	//D5 = document.getElementById('destaque5');

    // Muda cor dos botões
    document.getElementById('BoxControleDestaque1').style.backgroundColor = "#ffffff";
	document.getElementById('BoxControleDestaque2').style.backgroundColor = "#ffffff";
	document.getElementById('BoxControleDestaque3').style.backgroundColor = "#ffffff";
	document.getElementById('BoxControleDestaque4').style.backgroundColor = "#ffffff";
	//document.getElementById('BoxControleDestaque5').style.backgroundColor = "#ffffff";

	document.getElementById('DestaqueImagemAmostra1').style.opacity = "0.7";
	document.getElementById('DestaqueImagemAmostra2').style.opacity = "0.7";
	document.getElementById('DestaqueImagemAmostra3').style.opacity = "0.7";
	document.getElementById('DestaqueImagemAmostra4').style.opacity = "0.7";
	document.getElementById('DestaqueImagemAmostra1').style.filter = 'alpha(opacity = 70)';
	document.getElementById('DestaqueImagemAmostra2').style.filter = 'alpha(opacity = 70)';
	document.getElementById('DestaqueImagemAmostra3').style.filter = 'alpha(opacity = 70)';
	document.getElementById('DestaqueImagemAmostra4').style.filter = 'alpha(opacity = 70)';

    if (numeroDestaque == 1) {
//        document.getElementById('BoxControleDestaque1').style.backgroundColor = "#cccccc";
        document.getElementById('DestaqueImagemAmostra1').style.opacity = "1";
        document.getElementById('DestaqueImagemAmostra1').style.filter = 'alpha(opacity = 100)';
        document.getElementById("destaqueLink").href = document.getElementById("destaqueurl1").value;
        D1.alt = document.getElementById("destaquealt1").value;
        document.getElementById("DestaqueCaixaTexto").innerHTML = document.getElementById("destaquetexto1").value;

       }
    else if (numeroDestaque == 2) {
//		document.getElementById('BoxControleDestaque2').style.backgroundColor = "#cccccc";
		document.getElementById('DestaqueImagemAmostra2').style.opacity = "1";
		document.getElementById('DestaqueImagemAmostra2').style.filter = 'alpha(opacity = 100)';
		document.getElementById("destaqueLink").href = document.getElementById("destaqueurl2").value;
		D2.alt = document.getElementById("destaquealt2").value;
		document.getElementById("DestaqueCaixaTexto").innerHTML = document.getElementById("destaquetexto2").value;
	}
    else if (numeroDestaque == 3) {
//		document.getElementById('BoxControleDestaque3').style.backgroundColor = "#cccccc";
		document.getElementById('DestaqueImagemAmostra3').style.opacity = "1";
		document.getElementById('DestaqueImagemAmostra3').style.filter = 'alpha(opacity = 100)';
		document.getElementById("destaqueLink").href = document.getElementById("destaqueurl3").value;
		D3.alt = document.getElementById("destaquealt3").value;
		document.getElementById("DestaqueCaixaTexto").innerHTML = document.getElementById("destaquetexto3").value;
	}
    else if (numeroDestaque == 4) {
//		document.getElementById('BoxControleDestaque4').style.backgroundColor = "#cccccc";
		document.getElementById('DestaqueImagemAmostra4').style.opacity = "1";
		document.getElementById('DestaqueImagemAmostra4').style.filter = 'alpha(opacity = 100)';
		document.getElementById("destaqueLink").href = document.getElementById("destaqueurl4").value;
		D4.alt = document.getElementById("destaquealt4").value;
		document.getElementById("DestaqueCaixaTexto").innerHTML = document.getElementById("destaquetexto4").value;
	}
//    else if (numeroDestaque == 5) {
//		document.getElementById('BoxControleDestaque5').style.backgroundColor = "#ff00ff";
//		document.getElementById("destaqueLink").href = document.getElementById("destaqueurl5").value;
//		D5.alt = document.getElementById("destaquealt5").value;
//	}
//    // Muda cor dos botões FIM


    // Pega Opacidade inicial
    var op1;
    var op2;
    var op3;
    var op4;
    //var op5;

    if (nomeNavegador() == "ie") {
        op1 = D1.filters.alpha.opacity / 10;
        op2 = D2.filters.alpha.opacity / 10;
        op3 = D3.filters.alpha.opacity / 10;
        op4 = D4.filters.alpha.opacity / 10;
       // op5 = D5.filters.alpha.opacity / 10;
    }
    else {
        op1 = D1.style.opacity * 10;
        op2 = D2.style.opacity * 10;
        op3 = D3.style.opacity * 10;
        op4 = D4.style.opacity * 10;
        //op5 = D5.style.opacity * 10;
    }

    for (var i = 0; i < 11; i++)
       //setTimeout('fazTransicao(' + i + ',' + numeroDestaque + ',' + op1 + ',' + op2 + ',' + op3 + ',' + op4 + ',' + op5 + ')', 100 * i);
       setTimeout('fazTransicao(' + i + ',' + numeroDestaque + ',' + op1 + ',' + op2 + ',' + op3 + ',' + op4 + ')', 100 * i);
       return false;

}

function fazTransicao(ii, ND, op1, op2, op3, op4) {

    if (ND == 1 && op1 < 10) {
        op1 = ii;
        op2 = op2 - ii;
        op3 = op3 - ii;
        op4 = op4 - ii;
        //op5 = op5 - ii;
    }
    else if (ND == 2 && op2 < 10) {
        op1 = op1 - ii;
        op2 = ii;
        op3 = op3 - ii;
        op4 = op4 - ii;
        //op5 = op5 - ii;
    }
    else if (ND == 3 && op3 < 10) {
        op1 = op1 - ii;
        op2 = op2 - ii;
        op3 = ii;
        op4 = op4 - ii;
        //op5 = op5 - ii;
    }
    else if (ND == 4 && op4 < 10) {
        op1 = op1 - ii;
        op2 = op2 - ii;
        op3 = op3 - ii;
        op4 = ii;
        //op5 = op5 - ii;
    }
//    else if (ND == 5 && op5 < 10) {
//        op1 = op1 - ii;
//        op2 = op2 - ii;
//        op3 = op3 - ii;
//        op4 = op4 - ii;
//        op5 = ii;
//    }

    if (op1 <= 0) { op1 = 0 }
    if (op2 <= 0) { op2 = 0 }
    if (op3 <= 0) { op3 = 0 }
    if (op4 <= 0) { op4 = 0 }
//    if (op5 <= 0) { op5 = 0 }

    if (op1 >= 10) { op1 = 10 }
    if (op2 >= 10) { op2 = 10 }
    if (op3 >= 10) { op3 = 10 }
    if (op4 >= 10) { op4 = 10 }
 //   if (op5 >= 10) { op5 = 10 }

    D1.style.opacity = op1 / 10;
    D2.style.opacity = op2 / 10;
    D3.style.opacity = op3 / 10;
    D4.style.opacity = op4 / 10;
  //  D5.style.opacity = op5 / 10;

    D1.style.filter = 'alpha(opacity=' + op1 * 10 + ')';
    D2.style.filter = 'alpha(opacity=' + op2 * 10 + ')';
    D3.style.filter = 'alpha(opacity=' + op3 * 10 + ')';
    D4.style.filter = 'alpha(opacity=' + op4 * 10 + ')';
//    D5.style.filter = 'alpha(opacity=' + op5 * 10 + ')';



    //mostra variáveis para debug
//    document.getElementById('contador1').value = ii;
//    if (nomeNavegador() == "ie") {
//        document.getElementById('opacidade1').value = D1.filters.alpha.opacity;
//        document.getElementById('opacidade2').value = D2.filters.alpha.opacity;
//        document.getElementById('opacidade3').value = D3.filters.alpha.opacity;
//        document.getElementById('opacidade4').value = D4.filters.alpha.opacity;
//        document.getElementById('opacidade5').value = D5.filters.alpha.opacity;
//    }
//    else {
//        document.getElementById('opacidade1').value = D1.style.opacity;
//        document.getElementById('opacidade2').value = D2.style.opacity;
//        document.getElementById('opacidade3').value = D3.style.opacity;
//        document.getElementById('opacidade4').value = D4.style.opacity;
//        document.getElementById('opacidade5').value = D5.style.opacity;
//    }

}


function mudaDestaqueManual(numeroDestaque) {
    destaqueAutomaticoLigado = 0;
    mudaDestaque(numeroDestaque);
}


var destaqueAutomaticoLigado = 1;
var destaqueDesLigado = 1;

function mudaDestaqueAutomatico(numeroDestaque) {
    if (destaqueAutomaticoLigado == 0) { return false; }

    mudaDestaque(numeroDestaque);
    
    if (numeroDestaque < 4) { numeroDestaque = numeroDestaque + 1; }
    else { numeroDestaque = 1; }

    destaqueDesLigado = numeroDestaque;
    
    t = setTimeout("mudaDestaqueAutomatico(" + numeroDestaque + ")", 8000);
}

// usar se tiver botão para ligar e desligar automático
function ligaDesligaDestaqueAutomatico() {
    if (destaqueAutomaticoLigado == 0) {
        document.getElementById('AutoDestaque').value = 'Desliga';
        destaqueAutomaticoLigado = 1;
        mudaDestaqueAutomatico(1);
    }
    else {
        destaqueAutomaticoLigado = 0;
        document.getElementById('AutoDestaque').value = 'Liga';
    }
}

// usar se tiver botão para ligar e desligar automático
function ligaDesligaDestaque(ativa, numero) {
    if (ativa == 1) {
        destaqueAutomaticoLigado = 1;
        if (numero>0) {} else {numero=1;}
        mudaDestaqueAutomatico(numero);
        //if(destaqueDesLigado==0||destaqueDesLigado>4) { destaqueDesLigado=numero; }
        //mudaDestaqueAutomatico(destaqueDesLigado);
    }
    else {
        destaqueAutomaticoLigado = 0;
    }
}
