// armazena IDs retornados por setInterval()
var rolagens = {};
// margem dos elementos dentro do elemento que rola.
var margem =4;
// deslocamento em px a cada rolagem. Multiplicar por 60 para saber quantos px serão corridos por segundo.
var velocidade = 5;
// testa se o navegador é um software defasado em relação aos padrões de mercado
var ie = /MSIE/.test(navigator.appVersion);

// funcção que efetivamente rola o elemento
function rolar(elemento, direcao)
{
	elemento = document.getElementById(elemento);
	elemento.scrollLeft+=direcao * velocidade;
	//window.document.title = elemento.scrollLeft + " " + direcao;
	
}
// chamado no evento MouseDown para iniciar a rolagem
function iniciarRolagem(elemento, direcao)
{
	if(rolagens[elemento] != null)
	{
		clearInterval(rolagens[elemento]);
		rolagens[elemento]=null;
	}
	// rolamos a tela 60x no segundo, que é a taxa de refresh comum em monitores LCD.
	var hz = 1000 / 60;
	rolagens[elemento] = setInterval('rolar(\"' + elemento + '\", ' + direcao + ');', hz);
}
// chamado no evento MouseUp para deixar de rolar.
function pararRolagem(elemento)
{
	if(rolagens[elemento] != null)
	{
		clearInterval(rolagens[elemento]);
		rolagens[elemento]=null;
	}
}
// calcula tamanho total das imagens e redimensiona elemento interno.
function inicializar(elemento)
{
    var elemento = document.getElementById(elemento);
    var filho = null;
    var netos = null;
    if (elemento != null) {
        filho = elemento.getElementsByTagName('div')[0];
        if (filho != null) {
            netos = filho.getElementsByTagName("div");
        }
    }

    //alert([filho.offsetLeft, netos[0].offsetLeft, netos[netos.length-1].offsetLeft]);
    if (filho != null && netos != null) {
        var adicionalIE = (netos[netos.length - 1].offsetWidth) + margem;
        filho.style.width = (filho.offsetLeft + netos[netos.length - 1].offsetLeft + (ie ? adicionalIE : 0) - (ie ? 0 : 1) * ((netos.length + 1) * margem)) + 'px';
    }
}


//galeria de imagens detalhe de produtos
	$(document).ready(function() {		
		$('.foto').click(function(event) {
		$('.thumb ul li a').removeClass('selectedLnkAvaible');		
		$(this).addClass('selectedLnkAvaible');
			event.preventDefault();
			$('#tela img').remove();
			$('<img />')
			.attr('src', $(this).attr('href'))
			.css('opacity', '0.3')
			.appendTo('#tela')
			.animate({opacity: 1 }, 2000);
		});
	});

	function showPgto(obj, bxBoleto, bxDeposito, bxCartao) {
	    switch (obj) {
	        case 0:
	            document.getElementById(bxBoleto).style.display = 'none';
	            document.getElementById(bxDeposito).style.display = 'none';
	            document.getElementById(bxCartao).style.display = 'block';
	            break;
	        case 1:
	            document.getElementById(bxCartao).style.display = 'none';
	            document.getElementById(bxDeposito).style.display = 'none';
	            document.getElementById(bxBoleto).style.display = 'block';
	            break;
	        case 2:
	            document.getElementById(bxCartao).style.display = 'none';
	            document.getElementById(bxBoleto).style.display = 'none';
	            document.getElementById(bxDeposito).style.display = 'block';
	            break;
	    }
	}