// função para o banner home
destaque = 0
function alterna(){
	qtd = $('.destaques li').length;
	$('.minGaleria .navegDestaques a').removeClass('ativo');
	$('.minGaleria .navegDestaques a:eq('+destaque+')').addClass('ativo');
	$('.destaques li:not(:eq('+destaque+'))').hide();
	$('.destaques li:eq('+destaque+')').fadeIn();
	destaque = destaque == (qtd-1) ? 0 : destaque += 1;

	//$('.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;
	
	
}

/***
	*	:: Link Ativo ::
	*	:: 2007 ::
	*
	*	Adiciona a classe "ativo" para o link que tiver o destino (href) identico � pagina aberta
	***/
	dmPaginaAtivo = window.location+"";
	dmPaginaAtivo = dmPaginaAtivo.split("/").pop();
	if(dmPaginaAtivo != ""){
		$('a[href="'+dmPaginaAtivo+'"]').addClass('ativo');
		$('a[href="'+dmPaginaAtivo+'"]').siblings('ul').removeClass('hide');
		$('a[href="'+dmPaginaAtivo+'"]').parents('ul').removeClass('hide').siblings('a').addClass('ativo');;
	}


/////////////
// 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("visibility","visible");
			if(options.elements >= total){
				$(".scrollButtom",this).css("visibility","visible");
				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);
				}
			});
		});
	}
});

////////////
// Select //
////////////
estiloSelect = {
	init: function(){
		var primeiro = 0;
		$("select.select").each(function(){
			var html =  '<div id="' + $(this).attr("id") + '" class="' + $(this).attr("class") + '">';
				html += '	<div class="ativo"></div>';
				html += '	<input id="' + $(this).attr("id") + '_select" name="' + $(this).attr("name") + '" type="hidden" value="" />';
				html += '	<div class="options">';
				html += '	<ul>';
				for(i=0;i<$("option",this).length;i++){
					html += '<li>	<a href="javascript:void(0);" title="' + $("option:eq(" + i + ")",this).text() + '" rel="' + $("option:eq(" + i + ")",this).attr("value")+ '">' + $("option:eq(" + i + ")",this).text() + '</a></li>';
				}
				html += '</ul>';
				html += '</div>';
				html += '</div>';
			
			$("option",this).each(function(i){
				primeiro = this.selected ? i : primeiro;
			});
			
			$(this).replaceWith(html);
			
		});
		//ESCONDE A PRIMEIRA LI QUE REPETIA E EXIBIA O TEXTO CLICADO
		$('.options > ul').each(function(){
			$(this).children('li:first').hide();
		});
		
		$("div.select").css("visibility","visible").each(function(){
			var altura = $("a",this).length -1;
			altura = altura > 5 ? 5 : altura;
			alturaOpt = isNaN($("a:first",this).css("height")) ? 18 : $("a:first",this).css("height");
			altura = alturaOpt * altura
			$(".options",this).css({height:altura + "px", visibility:"visible", display:"none"});
			estiloSelect.change(this,primeiro);
		})
		$("div.select").each(function(){
			$("a", this).each(function(i){
				$(this).unbind().click(function(){
					estiloSelect.change($(this).parents("div.select:eq(0)"),i);
				});
			});
		});
		$("div.select .ativo").click(function(){estiloSelect.abre(this);});
	},
	abre: function(obj){
		$(obj).parent().parent().parent().css("z-index","3");
		$(obj).unbind('click').siblings(".options").slideDown('fast',function(){
			$("html").unbind('click').bind('click',estiloSelect.fecha);
			$("div.select .ativo").unbind('click');
		});
	},
	change: function(obj,option){
		$("a.optionAtivo",obj).removeClass("optionAtivo");
		$("a:eq(" + option + ")",obj).addClass("optionAtivo");
		var texto = $("a:eq(" + option + ")",obj).text();
		var valor = $("a:eq(" + option + ")",obj).attr("rel");
		$(".ativo",obj).html(texto);
		$("input[name!='url']",obj).val(valor);
		estiloSelect.fecha();
	},
	
	fecha: function(){
		$("div.select .options:visible").slideUp('fast',function(){$(this).parent().parent().parent().css("z-index","2")});
		$("html").unbind('click', estiloSelect.fecha);
		$("div.select .ativo").unbind('click').click(function(){estiloSelect.abre(this)});
	}
}
////////////////////////////////
// Select hover com scrollpane /
////////////////////////////////

$(document).ready( function(){
	noLabel.init();
	estiloSelect.init();
	
//abre box flutuante indique este produto
	$("#pgHome").each(function() {
		bloqueia({ speed: "fast", bgColor: "#000" });
		$(".flutuante").absoluteCenter({animation:false}).absoluteCenter().show();
	});
	//fecha box flutuante indique este produto
	$(".fechaBloqueio").click(function(){
		$(".flutuante").hide();
		bloqueia({ speed: "slow", evento: "fim" });
 		$(window).unbind("scroll");
		$(window).unbind("resize");
	});
	
	$('.selectCity').hover(function(){
		$('.selecao').slideDown();
		$('#pane1').jScrollPane({showArrows:true})
	},function(){
		$('.selecao').slideUp();
	});
		
	//$('.flutuante').hover(function(){
//		$('.select').slideDown();
//		$('.options').jScrollPane({showArrows:true})
//	},function(){
//		$('.select').slideUp();
//	});


//////////////////////
// Hover Submenu
//////////////////////

 function mainmenu(){
	$(" .menu .subMenu "). css({display: "none"});
	$(" .menu li").hover(function(){
	$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown('fast');
	},function(){
	$(this).find('ul:first').slideUp('fast',function(){$(this).css({visibility: "hidden"})});
	});
}

$(document).ready(function(){
	mainmenu();

})



/////////////////////////////
// autoTab
////////////////////////////

	//$('#cep1').autotab({ format: 'number', target: 'cep2' });
	//$('#cep2').autotab({ format: 'number' });

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

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

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

//$(".ampliar").colorbox();


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

	alterna();
	
	if ($('.destaques ul').is('ul')){
		intervalo = setInterval("alterna()", 5000);					   
	}
	
	$('.minGaleria .navegDestaques a').click(function(){
		var obj = $(this).parents('.navegDestaques:eq(0)');
		var indice = $('a', obj).index(this);
		$('a', obj).removeClass('ativo');
		$(this).addClass('ativo');
		$('.destaques li:not(:eq('+indice+'))').hide();
		$('.destaques li:eq('+indice+')').fadeIn('slow');
	});
	$('.minGaleria .navegDestaques').hover(function(){
		clearInterval(intervalo);
	}, function(){
		intervalo = setInterval("alterna()", 5000);	
	});      


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

	$('.produtoDestaque').scrollPages({elementSize:400, elements:1, direction:'left'});
	
///////////////////////
// Galeria Produtos destaque
////////////////////////

	$('.promocoesHome').scrollPages({elementSize:160, 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');
	})
	

/////////////////////////
// abre box flutuante //
///////////////////////

	//abre box flutuante
	$(".detalheProduto a.abreBox").click(function(){
		var src=$(this).children("img").attr('src');
		$("#boxGranImg").attr('src',src);
		bloqueia({ speed: "fast", bgColor: "#000" });
		$(".boxApresentaProd").absoluteCenter({animation:false}).absoluteCenter().show();
		var alturaEle = $('.imgPrimario').children('img').height();
		var alturaUl = $('.imgPrimario').height();
		var margem = alturaUl / 2 - alturaEle / 2;
		$('.imgPrimario').children('img').css('margin-top',margem+'px');
	});
	//fecha box flutuante 
	$(".fechaBloqueio, .imgPrimario").click(function(){
		$(".boxApresentaProd").hide();
		bloqueia({ speed: "slow", evento: "fim" });
		$(window).unbind("scroll");
		$(window).unbind("resize");
	});
	
	$(".thumbFoto").click(function(){
		var src=$(this).attr('src');
		$('.imgPrimario img').fadeOut('fast',function(){
			$("#boxGranImg").attr('src',src);
			var alturaEle = $('.imgPrimario').children('img').height();
			var alturaUl = $('.imgPrimario').height();
			var margem = alturaUl / 2 - alturaEle / 2;
			$('.imgPrimario').children('img').css('margin-top',margem+'px');
			$('.imgPrimario img').fadeIn('fast');
		});
	});
	
///////////////////////////////////////
// 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();
	});

});