////////////
// 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">';
				for(i=0;i<$("option",this).length;i++){
					html += '	<a href="javascript:void(0);" title="' + $("option:eq(" + i + ")",this).text() + '" rel="' + $("option:eq(" + i + ")",this).attr("value")+ '">' + $("option:eq(" + i + ")",this).text() + '</a>';
				}
				html += '	</div>';
				html += '</div>';
			
			$("option",this).each(function(i){
				primeiro = this.selected ? i : primeiro;
			});
			
			$(this).replaceWith(html);
			
		});
		$("div.select").css("visibility","visible").each(function(){
			var altura = $("a",this).length;
			altura = altura > 5 ? 5 : altura;
			alturaOpt = isNaN($("a:first",this).css("height")) ? 20 : $("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().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().css("z-index","2")});
		$("html").unbind('click', estiloSelect.fecha);
		$("div.select .ativo").unbind('click').click(function(){estiloSelect.abre(this)});
	}
}



//////////////
// No Label //
//////////////
dmNoLabel = {
	init: function(){
		$(".noLabel").each(function(){
			$(this).addClass("vazio");
			dmNoLabel.buffer[$(this).attr("id")] = $(this).val();
			$(this).unbind('focus',dmNoLabel.foco).unbind('blur',dmNoLabel.desfoco).bind('focus',dmNoLabel.foco).bind('blur',dmNoLabel.desfoco);
		}).parents("form:eq(0)").unbind('submit',dmNoLabel.formulario).bind('submit',dmNoLabel.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(dmNoLabel.buffer[$(this).attr("id")]);
			}else{
				$(this).val(dmNoLabel.buffer[$(this).attr("id")]);
			}
			$(this).addClass("vazio");
		}
	},
	
	formulario: function(){
		$(".vazio",this).each(function(){
			dmNoLabel.foco(this);
		});
		return true;
	}
}

//////////////////
// ScrollPages //
////////////////
$.extend({
	scrollPages: {
		autor: "Diego Marques - Agência DMK",
		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");
			if(options.elements >= total){
				$(".scrollButtom",this).css("opacity","1");
				mask = area;
			}else{
				$(".scrollButtom[rel*='"+options.direction+"']",obj).css("opacity","0.2");
			}
			
			// Aplicação de estilos
			$(".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

			// 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).animate({opacity:1},"fast");
				var rel = -direction == 0 ? side[0] : (-direction + mask) == area ? side[1] : null;
				if(rel != null) $(".scrollButtom[rel*='"+rel+"']",obj).animate({opacity:0.2},"fast");
				
				// 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(){
	

	// Rolagem
	rolagem = function(){
		$(".rolagemCreche").scrollPages({elementSize:129,elements:5, direction:"left"});
	}
	rolagem()

	$(".rolagemFotos").scrollPages({elementSize:129,elements:3, direction:"left"});
	$(".rolagemFotos2").scrollPages({elementSize:129,elements:2, direction:"left"});
	$(".rolagemFotosGaleria").scrollPages({elementSize:130,elements:5, direction:"left"});
	
	
	//ImageBox
	imB = function(){
		$.ImageBox.init({loaderSRC:'imagens/carregando.gif'});
	}
	imB();
	
	//inicializa Selects
	estiloSelect.init();

	//inicializa noLabel
	dmNoLabel.init()
	
	//abre submenu
	paginaAtiva = window.location+"";
	paginaAtiva = paginaAtiva.replace("fr_","");
	paginaAtiva = paginaAtiva.split("/").pop();
	if(paginaAtiva != ""){
		var obj = $("a[@href="+paginaAtiva+"]");
		var loop = true;
		if ($(obj).siblings().is("ul")){
			$(obj).siblings("ul").removeClass("hide");
		}else{
			$(obj).parent().parent().removeClass("hide");
		}
	}
	
	
	// exibe div
	$(".exibeDiv").click(function(){
	  	obj = $(this).attr("rel");
		bloqueia({bgColor:"#3e3a40",opacity:"0.7"},function(){
			$("."+obj).appendTo('body').absoluteCenter({animation:false}).absoluteCenter().show();
		});
	});
		
	$(".fechaDiv").click(function(){
		$(".divFlutuante").hide();
		$(".esqueci-senha").hide();
		$(window).unbind("scroll").unbind("resize");
		bloqueia({speed:"slow",evento:"fim"});
	});

 //////////////////////////	
//   Galeria de Fotos
//////////////////////////
	$("img.miniatura").css({opacity:0.5});
	$(".ampliar, .ampliar2").click(function(){
		obj = $(this).parents("div.divFlutuante");
		if(!$("img",$(this).parents(".conteudoRolagem:eq(0)")).hasClass("ativo")){								
			$("img.ativo", obj).removeClass("ativo").animate({opacity:0.5});
			$("img",$(this).parents(".conteudoRolagem:eq(0)")).addClass("ativo").animate({opacity:1});
			
			if($(obj).hasClass("divGaleria")){
				$("img.ampliada", obj).attr("src","imagens/blank.gif");
				
				var src = $(this).attr("rel");
				var img = new Image();
				
				$(".carregando", obj).show();
				
				img.src = src;
				
				img.onload = function(){
					var altura	= img.height;
					var largura = img.width;
					
					if(altura < 337){
						margem = parseInt((337 - altura) / 2)
						$("img.ampliada", obj).css("margin",margem+"px auto 0 auto");
					}else{
						$("img.ampliada", obj).css("margin","0 auto");
					}
					$(".carregando", obj).hide();
					$("img.ampliada", obj).attr("src",src);
					
				}
			}else if($(obj).hasClass("divVideo")){
				var tipo = "youtube";
				var caminho = $(this).attr("rel");
				var html = "";
				if($(this).hasClass("globo")) tipo = "globo"
				
				if(tipo == "youtube"){
					html+= "<param name='movie' value='http://www.youtube.com/v/"+caminho+"&autoplay=1'></param>";
					html+= "<embed src='http://www.youtube.com/v/"+caminho+"&autoplay=0' type='application/x-shockwave-flash' width='482' height='337'></embed>";

				}else{
					html+="<object width=\"482\" h2eight=\"337\"><param value=\"http://video.globo.com/Portal/videos/cda/player/player.swf\" name=\"movie\" /><param value=\"high\" name=\"quality\" /><param value=\"midiaId="+caminho+"&autoStart=false&width=480&height=392\" name=\"FlashVars\" /><embed width=\"482\" height=\"337\" flashvars=\"midiaId=796716&autoStart=false&width=482&height=337\" type=\"application/x-shockwave-flash\" quality=\"high\" src=\"http://video.globo.com/Portal/videos/cda/player/player.swf\"/></object>"
				}
				
				$("div.ampliada",obj).html(html);
			}
			
			var rolar = parseInt($("ul",obj).css("margin-left"));
			
			var valor = 1;
			var valor2 = 0
			$("img.miniatura", obj).each(function(){
				if($(this).attr("class") == "miniatura ativo"){
					valor2 = valor;
				}else{
					valor = valor + 1;
				}
			});
			
			if($(".mudarFoto").attr("rel") == "right"){
				valor2 = valor2 + 1;
			}else{
				valor2 = valor2 - 1;
			}
			if (valor > 5){
				$(".seta[@rel=left]", obj).css("opacity","1");
				$(".seta[@rel=right]", obj).css("opacity","1");
			}
			if (valor2 > 2 && valor2 + 3 < valor){
				rolar = valor2 * 130 - 260;
			}else if(valor2 <= 2){
				rolar = 0;
				$(".seta[@rel=left]", obj).css("opacity","0.3");
	
			}else if(valor2 + 3 >= valor){
				rolar = valor * 130 - 650;
				$(".seta[@rel=right]", obj).css("opacity","0.3");
			}
			
			$("ul", obj).animate({marginLeft : -rolar+"px"})
		}
	});
	
	$(".divVideo .ampliar:eq(0), .divGaleria .ampliar:eq(0)").click();
	
	$(".mudarFoto").click(function(){
		var obj = $(this).parents("div.divFlutuante");
		var valor = 0;
		var valor2 = 0
		$("img.miniatura", obj).each(function(){
			if($(this).attr("class") == "miniatura ativo"){
				valor2 = valor;
			}else{
				valor = valor + 1;
			}
		});
		
		if ($(this).attr("rel") == "right"){
			valor2 = valor2 + 1;
		}else{
			valor2 = valor2 - 1;
		}
		
		$(".ampliar:eq("+valor2+")", obj).click();
		
	});

	//flash
	$(".banner").addFlash({src:"swf/banner_v3.swf",width:520, height:337, title:"Cãominhando"});
	
	//otimizacao
	$('a, form').attr('target','_parent');

	//Escolhe Espécie - LEMBRE-ME
	$('.escolheEspecie input:radio').click(function(){
		var obj = $(this).parents('fieldset:eq(0)')
		if($(this).val() == 1){
			$('ul.camposGato', obj).addClass('hide').find('input').attr('disabled','disabled');
			$('ul.camposCao', obj).removeClass('hide').find('input').removeAttr('disabled');
		}else if($(this).val() == 2){
			$('ul.camposCao', obj).addClass('hide').find('input').attr('disabled','disabled');
			$('ul.camposGato', obj).removeClass('hide').find('input').removeAttr('disabled');
		}
	
	})
	
	//Quantidade de Animais - LEMBRE-ME
	$('.quantAnimais').each(function(){					 
		
		$(this)
		
		.keypress(function(e){
			if ($.browser.msie){
				var char = e.keyCode;
				if (char < 48 || char > 57 && char != 8 && char != 9) return false;
			}else{
				var char = e.which;
				if (char && char != 8 && (char < 48 || char > 57)) { e.preventDefault(); }
			}
		})
		
		.keyup(function(){
							   
			var quant = parseInt($(this).val());
			var quantAtual = parseInt($('.clonar').length);	
			
			if (quant >= 1){
				
				$('.clonar:gt('+(quant-1)+')').remove()

				for(i=quantAtual; i<=quant-1; i++){
					
					var formAnimal = $('.clonar:eq(0)').clone(true);
					
					$('input', formAnimal).each(function(){
						$(this).attr({id:$(this).attr('id') + '_' + i,name:$(this).attr('name') + '_' + i});
						if (!$(this).is(':radio')) $(this).val('');
						if ($(this).hasClass('data')) $(this).unbind().mask('99/99/9999');
					})
					
					$('label', formAnimal).each(function(){
						$(this).attr('for',$(this).attr('for') + '_' + i);
					})
					
					$('select', formAnimal).each(function(){
						//$(this).attr('id',$(this).attr('id') + '_' + i);
						$(this).attr({id:$(this).attr('id') + '_' + i,name:$(this).attr('name') + '_' + i});
					})
					
					$('div.contAnimais', formAnimal).removeAttr('style');
					$('h2', formAnimal).removeClass('exibir').html((i+1)+'º Animal');
					
					$('.clonar:last').after(formAnimal);
					
				}
			}
		})
		
		.blur(function(){
			var quantAtual = parseInt($('.clonar').length);	
			if ( parseInt( $(this).val()+0 ) <= 0 ) {
				$(this).val(quantAtual);
			}
		})
	})
	
	
///////////
// Efeito Sanfona 
///////////
	
	
	$("div.clonar h2").click(function(){
		
		if($(this).siblings('div.contAnimais').is(':visible')){	
			$(this).siblings('div.contAnimais').slideUp("fast");
			$(this).removeClass("exibir");
		}else{
			$("div.clonar > div:visible").slideUp("fast").siblings('div.clonar h2').removeClass("exibir");
			$(this).next().slideDown().siblings('div.clonar h2').addClass("exibir");
		}
	});
	
///////////
// Opacidade
///////////
	$('.btLimpar').css('opacity','0.7');

///////////
// Mascara de data
///////////
	$('.data').mask("99/99/9999");
	$('.ddd').mask("99");
	$('.telefone').mask("9999-9999");
	$('input#cao').click();
});