// JavaScript Document

/*
Chamadas da HOME
*/
function chamadasHome() {
	mudaTamanhoBox();
	$('.boxPequeno:last-child').css('marginRight', '0');

	$('input[placeholder],textarea[plvaceholder]').placeholder();
	//Adiciona a numeraçãov
	$(".lista div").each(function (i) {
		$(".numeracao").append('<p><a href="#">' + (i + 1) + '</a></p>');
	});

	var totalnavegacao = $(".lista div").length;
	var tamanhoLista = totalnavegacao * 424;
	var pg = 0;
	$(".lista").css("width", tamanhoLista + "px")

	$(".setaEsq").click(function () {
		clearInterval(a);
		a = setInterval(proxima, 6000);
		var pos = $(".lista").css("left").replace("px", "");
		if (pos == "auto") return;
		pos = parseInt(pos) * -1;
		if ((pos % 424) != 0) return;
		if ($(".lista").css("left") == "0px") {
			$(".lista").animate({ "left": ((tamanhoLista - 424) * -1) + "px" }, 1500);
			pg = totalnavegacao;
		}
		else
			$(".lista").animate({ "left": "+=424px" }, 1500);
		pg--;
		mudaNavegacao(pg);

	});

	//Seta pra direita	
	$(".setaDir").click(function () {
		clearInterval(a);
		a = setInterval(proxima, 6000);


		var pos = $(".lista").css("left").replace("px", "");
		if (pos == "auto") pos = 0;
		pos = parseInt(pos) * -1;
		if ((pos % 424) != 0) return;
		if (((totalnavegacao - 1) * 424) == pos) {
			$(".lista").animate({ "left": "0" }, 1500);
			pg = -1;
		} else
			$(".lista").animate({ "left": "-=424px" }, 1500);
		pg++;
		mudaNavegacao(pg);

	});

	//Funçao pra marcar a paginaçao corrente
	function mudaNavegacao(p) {
		$(".numeracao a").removeClass("selecionado");
		$(".numeracao a").each(function (i) {
			if (p == i) {
				$(this).addClass("selecionado");
			}
		})

		$(".lista div").each(function (i) {
			if (i == p) {
				$(".legenda").html($(this).find("blockquote").html());
			}
		});

	}

	//Numeracao do carroussel	
	$(".numeracao a").click(function () {
		clearInterval(a);
		a = setInterval(proxima, 6000);
		var pagina = $(this).html();
		pg = pagina - 1;
		var posleft = (pg) * 424 * -1;
		$(".lista").animate({ "left": posleft + "px" }, 1500);
		mudaNavegacao(pg);
	});

	var a = setInterval(proxima, 6000);

	//Funçao para retornar a posiçao qdo ultrapassar o limite das setas	
	function proxima() {
		pg++;
		if (pg == totalnavegacao)
			pg = 0;
		var posleft = (pg) * 424 * -1;
		$(".lista").animate({ "left": posleft + "px" }, 1500);
		mudaNavegacao(pg);
	}

	mudaNavegacao(0);

	//Mouse Over
	$(".setas img,.numeracao p a").mouseover(function () {
		$(this).addClass("over");
		var out = $(this).attr("src");
		if (out == undefined) return;

		if (out == "x.gif") return;
		if (out.search("Over") > -1) return;
		var over = "";
		if (out.search("gif") > -1)
			over = out.replace(".gif", "Over.gif");
		else {
			over = out.replace(".png", "Over.png");
		}
		$(this).attr("src", over);
	});
	//MouseOut			
	$(".setas img,.numeracao p a").mouseout(function () {
		$(this).removeClass("over");
		var over = $(this).attr("src");
		if (over == undefined) return;
		if (over.search("Over") == -1) return;
		var out = over.replace("Over", "");
		$(this).attr("src", out);
	});
	/** Função para aumentar o tamanho dos botoes dinamicamente **/
	$("ul.botoesBox li").each(function () {
		var tamanho = parseInt($(this).attr("class").split(" ")[0].replace("t", ""));
		$(this).css("width", tamanho + "px");
		
		if(tamanho <= 100)
			$("a", this).css("width", "65%");
		else if (tamanho <= 115)
			$("a", this).css("width", "69%");
		else if (tamanho >= 180)
			$("a", this).css("width", "80%");
	});

	/****** CONTROLE DAS ABAS *******/
	$(".encontrese > div").hide();
	var posSelecionado = $('#menuDestaques li[class = "selecionado"]').index() - 1;
	$(".encontrese > div:eq(" + posSelecionado + ")").show();


	$("#menuDestaques li a").click(function () {
		$(this).parent().parent().find("li").removeClass("selecionado");
		$(this).parent().addClass("selecionado");
		mudaTamanhoBox();
		var id = $(this).attr("href").replace("#", "");
		$(this).parent().parent().next().find("#mostraAba").each(function (i) {
			$(this).hide();
			if ((i + 1) == id)
				$(this).fadeIn("slow");
		});

	});

	if ($("#menuLateral .caixaAzul").length <= 0) {
		$("#menuLateral > ul:last-child").css("padding-bottom", "20px");
	}
    /*** Fim do controle das abas ***/
    /** Alinhamento dos links do box pequeno **/
	$('.boxPequeno p').css('marginTop','8px');
	$('.boxPequeno p a:even').css({
		'float'    : 'left',
		'display'  : 'block',
		'width'    : '50%'
	});
	$('.boxPequeno p a:odd').css({
		'float'    : 'left',
		'display'  : 'block',
		'width'    : '50%'
	});
	/** Função para aumentar o tamanho dos botoes dinamicamente **/
	$("ul.botoesBox li").each(function(){
		var tamanho = parseInt($(this).attr("class").split(" ")[0].replace("t",""));
		$(this).css("width",tamanho+"px");
	});
		/** Função que ajusta o tamanho do boxDestaque **/
		function mudaTamanhoBox(){
			//Tamanho minimo
			var tamanhoMinimo = 310;
			//Pega o indice do box q esta selecionado
			var indiceBox = -1;
			if ($('li.selecionado').find('a').attr("href") == null) {
			    indiceBox = -1;
			}
			else {
			    indiceBox = $('li.selecionado').find('a').attr("href").replace("#", "") - 1;
            }
			//Pega o numero de links existentes na seção - Subtrai um por causa do LI de todas as opções
			var numLinks = $('.encontrese > div').eq(indiceBox).find('.links li').length;
			//Tamanho medido dos elementos do box q nao sao dinamicos e alteraveis (imagem, margens, etc)
			var irrelevantes = 137 + 47 + 20;
			//Altura do link no DOM
			var alturaLink = 30;
			
			//Verifica se numero é impar, se for adiciona mais um, pois nao faz diferença na altura
			if((numLinks % 2) !== 0) numLinks += 1;
			var pares = numLinks / 2;
			
			var alturaBox = (pares * alturaLink) + irrelevantes;	
			
			// Verifica se conta nao resultou em menor do q o tamanho minimo, se sim, alturaBox é declarada com tamanhoMinimo
			if(alturaBox < tamanhoMinimo) alturaBox = tamanhoMinimo;	
			
			//Altera a altura do boxDestaque
			alturaBox = alturaBox + 'px';	
			$('#boxDestaque').css('height',alturaBox);
		}
}



/* 
Modal Mensagem
*/

function modal(tipo, msg1, msg2, msg3, msg4) {


	var chamdas = ' \
		<!-- Chamadas de Sucesso e Erro --> \
		<a id="chamadaErro" href="#respostaErro" rel="prettyPhoto" style="display:none;">Chamada Erro</a> \
		<a id="chamadaSucesso" href="#respostaSucesso" rel="prettyPhoto" style="display:none;">Chamada Sucesso</a>';


	var sucesso = '	\
		<!-- Mensagens de Sucesso e Erro --> \
		<!-- Mensagem de Sucesso INICIO--> \
		<div id="respostaSucesso" style="display:none;height:220px;"> \
			<div style="width: 516px;float: left; padding-top: 20px;text-align:center;"> \
				<img width="107" height="107" style="margin:0 auto;" src="img/icoAcerto.png" alt=""/> \
				<p style="width: 516px; font-family:Arial, Helvetica, sans-serif; font-size: 17px; color:#333333; display: block; margin-top: 25px;">' + msg1 + '<br> \
					<br> \
					' + msg2 + ' </p> \
				<p style="width: 516px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; display: block;"> ' + msg3 + ' \
					' + msg4 + '</p> \
			</div> \
		</div> \
		<!-- Mensagem de Sucesso FIM-->';

	var erro = ' \
		<!-- Mensagem de Erro INICIO--> \
		<div id="respostaErro" style="display:none;height:220px;"> \
			<div style="width: 516px;height:120px;float:left;padding-top: 20px;text-align:center;"> \
				<img src="img/icoErro.png" width="90" height="89" style="margin:0 auto;" alt=""/> \
				<p style="width: 516px; font-family:Arial, Helvetica, sans-serif; font-size: 17px; color:#333333; display: block; margin-top: 25px;"> ' + msg1 + '<br> \
					<br> \
					' + msg2 + ' </p> \
				<p style="width: 516px;font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; display: block;"> ' + msg3 + ' \
					' + msg4 + ' </p> \
			</div> \
		</div> \
		<!-- Mensagem de Erro FIM-->';
	if ($("#respostaErro").html() == null) {
		$("body").append(erro);
		$("body").append(sucesso);
		$("body").append(chamdas);
	}


	$("#chamadaSucesso,#chamadaErro").prettyPhoto({ theme: 'inclub', default_width: 516, show_title: false, allow_resize: false });

	if (tipo == "sucesso") {
		$("#chamadaSucesso").trigger("click");
	} else if (tipo == "erro") {
		$("#chamadaErro").trigger("click");
	}

}

/*
		
Filtro de Cidades

*/
function filtroCidades() {

	$("div.cidades").hide();

	$("div#topo div.opcoes div.navegacao div.abaCidade").toggle(function () {
		$(".badgeDesconto").hide();

		$("div.cidades").slideDown(function () {
			$(".badgeDesconto").show();
			$("div#topo div.escolhaCidade").css("padding-bottom", "20px");
			try {
				badgeDesconto();
			} catch (err) {
				//Não é a página inicial
			}

		});
		$("div#topo div.opcoes div.navegacao div.abaCidade span.esquerda").addClass("aberta");

	}, function () {
		$(".badgeDesconto").hide();
		$("div#topo div.escolhaCidade").css("padding-bottom", "0px");
		$("div.cidades").slideUp(function () {
			$(".badgeDesconto").show();
			try {
				badgeDesconto();
			} catch (err) {
				//Não é a pagina inicial 
			}
		});
		$("div#topo div.opcoes div.navegacao div.abaCidade span.esquerda").removeClass("aberta");

	});

	$("div.cidades .ordem .letras").click(function () {
		$(this).parent().parent().find(".letras").removeClass("selecionado");
		$(this).addClass("selecionado");
		var letras = trim($(this).html()).split("-");
		filtroLetra(trim(letras[0]).charCodeAt(0), trim(letras[1]).charCodeAt(0), $(this).parent().parent().find("a"));
	});

	$("div#topo div.escolhaCidade div.cidades .ordem .letras:eq(0)").trigger("click");
	$("#abasInferior .conteudoAba div.cidades .ordem .letras:eq(0)").trigger("click");
	$("#abasInferior .conteudoAba div.cidades .ordem").css("width", "98%");

}
/*

Desconto

*/
function badgeDesconto() {
	pos = $(".badgeDesconto").next().position();
	var soma = 14;
	if ($(".badgeDesconto").next().attr("src") == null)
		soma = 587;
	$(".badgeDesconto").css("left", (pos.left + soma) + "px")
	$(".badgeDesconto").css("top", (pos.top - 18) + "px");
}
/*

Tempo Promoção

*/
function tempoPromocao() {

	var dias = 1000 * 60 * 60 * 24;
	var horas = 1000 * 60 * 60;
	var minutos = 1000 * 60;
	var segundos = 1000;

	var dataInicialDia = $("#tempoRestante .dataInicial").html().substr(0, 2);
	var dataInicialMes = $("#tempoRestante .dataInicial").html().substr(3, 2) - 1;
	var dataInicialAno = $("#tempoRestante .dataInicial").html().substr(6, 4);
	var dataInicialHora = $("#tempoRestante .dataInicial").html().substr(11, 2);
	var dataInicialMinuto = $("#tempoRestante .dataInicial").html().substr(14, 2);

	var dataFinalDia = $("#tempoRestante .dataFinal").html().substr(0, 2);
	var dataFinalMes = $("#tempoRestante .dataFinal").html().substr(3, 2) - 1;
	var dataFinalAno = $("#tempoRestante .dataFinal").html().substr(6, 4);
	var dataFinalHora = $("#tempoRestante .dataFinal").html().substr(11, 2);
	var dataFinalMinuto = $("#tempoRestante .dataFinal").html().substr(14, 2);

	//new Date(nAno, nMês, nDia [, nHora, nMin, nSeg, nMs] )
	var dataInicial = Date.UTC(dataInicialAno, dataInicialMes, dataInicialDia, dataInicialHora, dataInicialMinuto, 00);

	var dataFinal = Date.UTC(dataFinalAno, dataFinalMes, dataFinalDia, dataFinalHora, dataFinalMinuto, 00);

	var data = new Date();

	var dataAtual = Date.UTC(data.getFullYear(), data.getMonth(), data.getDate(), data.getHours(), data.getMinutes(), data.getSeconds());

	var total = dataFinal - dataInicial;
	var calculo = dataFinal - dataAtual;
	var porcentagem = Math.round(calculo * 100 / total);

	$("#tempoRestante div.porcentagem").css("width", porcentagem + "%");
	/*
	
	Dias
	
	*/
	var faltaDiasArredondado = Math.floor(calculo / dias);
	var faltaDias = calculo / dias;

	restante = faltaDias - faltaDiasArredondado
	restante = restante * dias;

	if (faltaDiasArredondado < 0) {
		$("#tempoRestante div.contagem span").html("Finalizada");
		$("#tempoRestante div.porcentagem").css("width", "0%");
		clearInterval(tpromo);
		return;
	}
	/*
	
	Horas
	
	*/
	var faltaHoraArredondado = Math.floor(restante / horas);
	var faltaHora = (restante / horas);

	restante = faltaHora - faltaHoraArredondado
	restante = restante * horas;
	/*
	
	Minutos
	
	*/
	var faltaMinutosArredondado = Math.floor(restante / minutos);
	var faltaMinutos = (restante / minutos);

	restante = faltaMinutos - faltaMinutosArredondado
	restante = restante * minutos;
	/*
	
	Segundos
	
	*/
	var faltaSegundosArredondado = Math.round(restante / segundos);

	$("#tempoRestante div.contagem span").html(faltaDiasArredondado + "dias " + faltaHoraArredondado + "h " + faltaMinutosArredondado + "min " + faltaSegundosArredondado + "s");
}
/*

Abas Inferior

*/
function abasInfeiror() {

	$("#abasInferior .aba").toggle(function () {
		$(this).parent().find(".cidades").show()
		var tamanho = $(this).parent().find(".listagem").height();

		$("#abasInferior .aba").hide();
		$(this).show();
		$(this).parent().parent().css("height", tamanho + "px");
		$(this).parent().parent().animate({ "margin-top": "-" + tamanho + "px" }, 400)
		$(this).parent().find(".listagem").show();

		$(this).addClass("aberta");

	}, function () {
		var obj = $(this).parent().parent();
		$(this).parent().parent().animate({ "margin-top": "0px" }, 400, function () {
			obj.css("height", "0px");
		})
		//$(this).parent().parent().animate({ "height":"0px" }, 400);

		$(this).parent().find(".listagem").hide();
		$(this).parent().find(".cidades").hide();
		$("#abasInferior .aba").show();
		$(this).removeClass("aberta");
	});
}
/*

Trim

*/
function trim(str) {
	return str.replace(/^\s+|\s+$/g, "");
}
/*

Filtro Letra

*/
function filtroLetra(charCode1, charCode2, obj) {
	$(obj).each(function () {
		var code = trim($(this).html()).charCodeAt(0);
		if (code >= charCode1 && code <= charCode2) {
			$(this).show();
		} else {
			$(this).hide();

		}
	});
	try {
		badgeDesconto();
	} catch (err) {
		//Não é a página inicial
	}
}
/*

Carrosel Promoção

*/
function carroselPromocao() {
	var tamanhoUnitario = $("#carroselPromocao div.imagens ul li").css("width").replace("px", "");
	var totalElementos = $("#carroselPromocao div.imagens ul li").length;
	var tamanhoTotal = tamanhoUnitario * totalElementos;
	var areaVisivel = 890;
	var velocidade = 700;
	$("#carroselPromocao div.imagens ul").css("width", tamanhoTotal + "px");
	$("#carroselPromocao div.botaoEsquerdo").click(function () {

		var atual = $("#carroselPromocao div.imagens ul").css("left").replace("px", "");
		if (atual == "auto") return;
		if (atual == "0") return;
		if ((atual % tamanhoUnitario) != 0) return;
		$("#carroselPromocao div.imagens ul").animate({ "left": "+=" + tamanhoUnitario + "px" }, velocidade);

	});
	$("#carroselPromocao div.botaoDireito").click(function () {
		var limite = ((totalElementos * tamanhoUnitario) - areaVisivel) * -1;
		var atual = $("#carroselPromocao div.imagens ul").css("left").replace("px", "");
		if ((atual % tamanhoUnitario) != 0) return;
		if (atual <= limite) return;
		$("#carroselPromocao div.imagens ul").animate({ "left": "-=" + tamanhoUnitario + "px" }, velocidade);
	});
}
function roundedBorder(elemento) {
	var divRounded = elemento;
	$(divRounded).prepend('<div class="roundtop"><img src="img/b1.gif" alt="" width="6" height="6" class="corner" style="display: none" /></div>');
	$(divRounded).append('<div class="roundbottom"><img src="img/b4.gif" alt="" width="6" height="6" class="corner" style="display: none" /></div>');
}
function roundedBorderTop(elemento) {
	var divRounded = elemento;
	$(divRounded).prepend('<div class="roundtop"><img src="img/b1.gif" alt="" width="6" height="6" class="corner" style="display: none" /></div>');
}
function roundedBorderBottom(elemento) {
	var divRounded = elemento;
	$(divRounded).append('<div class="roundbottom"><img src="img/b4.gif" alt="" width="6" height="6" class="corner" style="display: none" /></div>');
}