// JavaScript Document

jQuery(document).ready(function(e) {

	
	jQuery( ".hover" ).each( function( index, element ){
		var tam = jQuery(this).find('img').height();
		var aux = tam + 10;
		var bor = (jQuery(this).find('img').height() - jQuery(this).find('.text').height())/2;
		//alert(tam);
		jQuery(this).height(tam);
		jQuery(this).find('.info').height(aux);
		jQuery(this).find('.info').css("margin-top", "-" + aux + "px");
		jQuery(this).find('.info').css("padding", "0px 10px");
		jQuery(this).find('.info').css("opacity", "0");
		jQuery(this).find('.text').css("padding-top", bor + "px");
		
	});
	jQuery(".hover").hover(function(){
		jQuery(this).find('.info').fadeTo( "fast" , 0.99);
	}, function() {
		jQuery(this).find('.info').animate({ opacity: 0 });
	});

	jQuery('header .redes .busca').on('click', function(){
		console.log('clicou');
		jQuery('.search').show();
    });

	jQuery('.slider').slick();
	jQuery('.carrossel1').slick();
	
	jQuery('.carrossel4').slick({
	  infinite: false,
	  speed: 300,
	  slidesToShow: 4,
	  slidesToScroll: 4,
	  responsive: [
		{
		  breakpoint: 1024,
		  settings: {
			slidesToShow: 3,
			slidesToScroll: 3,
			infinite: true,
			dots: true
		  }
		},
		{
		  breakpoint: 800,
		  settings: {
			slidesToShow: 2,
			slidesToScroll: 2
		  }
		},
		{
		  breakpoint: 480,
		  settings: {
			slidesToShow: 1,
			slidesToScroll: 1
		  }
		}
		// You can unslick at a given breakpoint now by adding:
		// settings: "unslick"
		// instead of a settings object
	  ]
	});
});

jQuery(window).load(function(){
	/*jQuery('.slick-slide').height(jQuery('.slick-slide').find('img').height());*/

});

jQuery(window).resize(function(){
	/*jQuery('slick-slide').height(jQuery(this).find('img').height());*/
	
});