// função para o banner home
destaque = 0
function alterna(){
	$('.bannerHome ul li a').removeClass('ativo');
	$('.bannerHome ul li a:eq('+destaque+')').addClass('ativo');
	$('.imgBanner img:not(:eq('+destaque+'))').hide();
	$('.imgBanner img:eq('+destaque+')').fadeIn();
	destaque = destaque == 2 ? 0 : destaque += 1;
}
/////////////
// No Label //
//////////////
noLabel = {
	init: function(){
		$(".noLabel").each(function(){
			$(this).addClass("vazio");
			noLabel.buffer[$(this).attr("id")] = $(this).val();
			$(this).unbind('focus',noLabel.foco).unbind('blur',noLabel.desfoco).bind('focus',noLabel.foco).bind('blur',noLabel.desfoco);
		}).parents("form:eq(0)").unbind('submit',noLabel.formulario).bind('submit',noLabel.formulario);
	},
	
	buffer: {},
	
	foco: function(obj){
		obj = typeof($(obj).attr("id")) == "undefined" ? this : obj;
		if($(obj).hasClass("vazio")){
			if($(obj).is("textarea")){
				$(obj).html("");
			}else{
				$(obj).val("");
			}
			$(obj).removeClass("vazio");
		}
	},
	
	desfoco: function(){
		if($.trim($(this).val()) == ""){
			if($(this).is("textarea")){
				$(this).html(noLabel.buffer[$(this).attr("id")]);
			}else{
				$(this).val(noLabel.buffer[$(this).attr("id")]);
			}
			$(this).addClass("vazio");
		}
	},
	
	formulario: function(){
		$(".vazio",this).each(function(){
			noLabel.foco(this);
		});
		return true;
	}
}

/////////////////////////
// galeria de Imagens //
///////////////////////

$.extend({
	scrollPages: {
		version: 2.5,
		defaults: {
			elementSize: 50,
			elements: 3,
			speed: "slow",
			direction: "up"
		}
	}
});
$.fn.extend({
	scrollPages: function(options){
		options = $.extend({}, $.scrollPages.defaults, options);
		return this.each(function(){
			
			// Definições de variáveis
			var total = $(".scrollMask li",this).length;
			var mask = options.elementSize * options.elements;
			var area = options.elementSize * total;
			var animation = false;
			var obj = this;
			var dimension = options.direction == "left" ? "width" : "height";
			var side = new Array();
			side[0] = options.direction;
			side[1] = options.direction == "up" ? "down" : "right";
			
			$(".scrollButtom",this).css("opacity","1.0");
			if(options.elements >= total){
				$(".scrollButtom",this).css("opacity","1.0");
				mask = area;
			}else{
				$(".scrollButtom[rel*='"+options.direction+"']",obj).css("visibility","hidden");
			}
			
			// Aplicação de estilos
			if(options.direction == "up"){
				//$(".scrollMask",this).css({"height": mask + "px", overflow: "hidden"}); // M?scara
				$(".scrollMask ul",this).css({"height": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"height": options.elementSize + "px", display: "block"}); // LI
			}else{
				//$(".scrollMask",this).css({"width": mask + "px", overflow: "hidden"}); // M?scara
				$(".scrollMask ul",this).css({"width": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"width": options.elementSize + "px", display: "block"}); // LI
			}
			if (area <= mask) $(".scrollButtom",obj).css("visibility","hidden");
			//if (area <= mask + 596) $(".buttom2",obj).css("visibility","hidden");

			// Função que execulta a rolagem
			var rolagem = function(direction){

				// Variáveis
				var margem = -parseInt($(".scrollMask ul",obj).css("margin-"+(options.direction == "up" ? "top" : "left")));

				var intervalo = direction == side[1]
					? ( margem + ( mask * 2 ) ) < area
						? mask
						: area - (margem + mask)
					: ( margem - mask ) < 0
						? margem
						: mask
				;
				direction = direction == side[1]
					? -margem - intervalo
					: -margem + intervalo
				;
				
				$(".scrollButtom",obj).css("visibility","visible");
				var rel = -direction == 0 ? side[0] : (-direction + mask) == area ? side[1] : null;
				if(rel != null) $(".scrollButtom[rel*='"+rel+"']",obj).css("visibility","hidden");
				
				
				//Condição especial para galeria com degrade
				//var rel2 = -direction == 0 ? side[0] : (-direction + mask + 596) == area ? side[1] : null;
				//if(rel2 != null) $(".scrollButtom[rel*='"+rel2+"']",obj).css("visibility","hidden");
				
				// Animação
				animation = true;
				if(options.direction == "up"){
					$(".scrollMask ul",obj).animate({marginTop: direction + "px"},options.speed,function(){ animation = false; });
				}else{
					$(".scrollMask ul",obj).animate({marginLeft: direction + "px"},options.speed,function(){ animation = false; });
				}
			}
			
			// Aplicação de eventos
			$(".scrollButtom",this).unbind("click").click(function(){
				if(!animation){
					var direction = $(this).attr("rel");
					rolagem(direction);
				}
			});
		});
	}
});

$(document).ready( function(){
	noLabel.init();

/////////////////////////////
// Validar Form
///////////////////////////

	$('form').submit(function(){
		return validar.form($(this))
	});

////////////////////////
// colorBox
///////////////////////

	$('a[rel="midia"]').colorbox();
	$('a[rel="rublica"]').colorbox();

///////////////////////
// Galeria Destaque Home
////////////////////////

	$('.destaques').scrollPages({elementSize:236, elements:3, direction:'left'});
	
///////////////////////
// Galeria Rublicas
////////////////////////

	$('.galeriaRublicas').scrollPages({elementSize:210, elements:3, direction:'left'});
	
///////////////////////
// Galeria Produtos destaque
////////////////////////

	$('.promocoesHome').scrollPages({elementSize:160, elements:4, direction:'left'});
	
///////////////////////
// Galeria Produtos midia
////////////////////////		
	
	$('.midia').scrollPages({elementSize:174, elements:4, direction:'left'});

/////////////////////////////////////	
// Centraliza titulo
/////////////////////////////
	$('.categoria .tituloCat h2').each(function(){
		var alturaDiv = $(this).parent().height();
		var alturaTitle = $(this).height();
		
		var margem = alturaDiv / 2 - alturaTitle / 2;
		$(this).css('padding-top',margem+'px');
	})
	
///////////////////////////////////////
// Acerta tamanho menu categorias
//////////////////////////////////////

	var divs= $('.menuCat ul');
	var maior=0;
	for(i=0;i<divs.length;i++){
		if($(divs[i]).height()>maior){
			maior=$(divs[i]).height();	
		}
	}
	
	for(i=0;i<divs.length;i++){
		$(divs[i]).css('height',(maior+15)+'px');
		$('.menuCat .categoria').css('height',(maior+20)+'px');
	}
	
///////////////////////////////////////
// Acerta tamanho Coleções
//////////////////////////////////////

	var divs= $('.colecoes .colecao');
	var maior=0;
	for(i=0;i<divs.length;i++){
		if($(divs[i]).height()>maior){
			maior=$(divs[i]).height();	
		}
	}
	
	for(i=0;i<divs.length;i++){
		$(divs[i]).css('height',maior+'px');
	}

/////////////////////////////////////	
// Centraliza Paginação
/////////////////////////////
	$('.paginacao ul').each(function(){
		var larguraDiv = $(this).parent().width();
		var larguraUl = $(this).width();
		
		var margem = larguraDiv / 2 - larguraUl / 2;
		$(this).css('margin-left',margem+'px');
	})

///////////////////////////////////
// DropDown Topo
/////////////////////////////////
	var tempo 
	esconde = function(){
		//$('.menuPrincipal li .subMenu').children().hide();
		$('.menuPrincipal li .subMenu').slideUp('fast');
	}
	$('.menuPrincipal li').hover(function(){
		//$(this).children('.subMenu').children().show();
		$(this).children('.subMenu').slideDown('fast');
		clearTimeout(tempo);
	},function(){
		tempo = setTimeout(esconde,500);
	});
	
/////////////////////////////
// Abas Informações
/////////////////////////////
	
	$('.informacoes .abas li a').click(function(){
		var ul = $(this).parents('ul:eq(0)');
		var indice = $('a', ul).index(this);
		$('.informacoes .abas li a.ativo').removeClass('ativo');
		$(this).addClass('ativo');
		$('.informacoes .conteudoAbas > div:not(:eq('+indice+'))').hide();
		$('.informacoes .conteudoAbas > div:eq('+indice+')').show();
		
		$('.informacoes .conteudoAbas > div:not(:eq('+indice+'))').hide();
		$('.informacoes .conteudoAbas > div:eq('+indice+')').show();
	});
	
/////////////////////////////
// Abas Veja Também
/////////////////////////////
	
	$('.vejaTambem .abas li a').click(function(){
		var ul = $(this).parents('ul:eq(0)');
		var indice = $('a', ul).index(this);
		$('.vejaTambem .abas li a.ativo').removeClass('ativo');
		$(this).addClass('ativo');
		$('.vejaTambem .conteudoAbas > div:not(:eq('+indice+'))').hide();
		$('.vejaTambem .conteudoAbas > div:eq('+indice+')').show();
		
		$('.vejaTambem .conteudoAbas > div:not(:eq('+indice+'))').hide();
		$('.vejaTambem .conteudoAbas > div:eq('+indice+')').show();
	});
	
////////////////////////////////////////
// abre e fecha detalhes do pedido
/////////////////////////////////////////

	$('.tdMaster a.abreDetalhes').click(function(){
		$(this).hide();
		$(this).siblings('a.fechaDetalhes').show();
		$(this).parents('tr:first').siblings('tr').show();
	});
	
	$('.tdMaster a.fechaDetalhes').click(function(){
		$(this).hide();
		$(this).siblings('a.abreDetalhes').show();
		$(this).parents('tr:first').siblings('tr').hide();
	});
	
//mask form/////////////////////////
	$('.data').mask('99/99/9999');
	$('.cpf').mask('999.999.999-99');
	$('.cep').mask('99999-999');
	$('.rg').mask('99.999.999-99');
	$('.tel').mask('9999-9999');
	
// alinha imagem clientes ///////////
	$('.parametro li img').each(function(){
		var alturaCampo = $(this).parent().height();
		var elemento = $(this).height();
		var margem = alturaCampo / 2 - elemento / 2;
		$(this).css('margin-top',margem+'px');
	})

// download box //
	$('.listaDownloads li div.resolucao').hover(function(){
		$(this).children('.boxInterno').show();
	},function(){
		$(this).children('.boxInterno').hide();
	});

// troca img do produto em descricao //
	var imgPrimaria = $(".minFotos").children('img:eq(0)').attr('src');
	$('.fotoFull img').attr('src',imgPrimaria); 
	$('.jqzoom').attr('href',imgPrimaria); 
	$(function(){
		$(".minFotos img").live('click',function(){
			var nome_img = $(this).attr('src');
			var src = nome_img;
			$('.fotoFull img').attr('src',src);
			$('.jqzoom').attr('href',src);
		});
	});
// bg em hover li menu lateral//
	$('.menu ul li ul').hover(function(){
		$(this).parents('li').children('a').addClass('ativo');
	},function(){
		$(this).parents('li').children('a').removeClass('ativo');
	});
	
// Zoom Galeria
$(function() {
	var options = {
	    zoomWidth:400,
	    zoomHeight:400,
		xOffset: 0,
		yOffset: 0,
		position: 'right',
		title: false,
		lens:false,
		preloadText:'Carregando...'
	};
	$('.jqzoom').jqzoom(options);

});

//POPUP Esqueci minha senha
	$("a.linkEsqueciSenha").click(function(e){
		bloqueia({ speed: "fast", bgColor: "#837770" });
		$(".esqueciSenha").absoluteCenter({animation:false}).absoluteCenter().show();
	});
	
	$(".fechaBloqueio").click(function(){
		$(".esqueciSenha").hide();
		bloqueia({ speed: "slow", evento: "fim" });
		$(window).unbind("scroll");
		$(window).unbind("resize");
	});
	
//-- fim ////	
});