$(document).ready(function(){
	/* Accordion */
	$(".accordion .conteudo:not(:first)").hide();
	$(".accordion h3").click(function(){
		$(".accordion h3 a.btn-mostrar").show();
		$(".accordion h3 a.btn-esconder").hide();
		$(this).next(".conteudo").slideToggle("slow")
		.siblings(".conteudo:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
		$("a.btn-mostrar",this).toggle();
		$("a.btn-esconder",this).toggle();
	});
	
	//remover os espaços em branco, sem conteúdo
	$("p").find("br.spacer_").remove();
	//remover os espaços em branco, sem conteúdo
	$("<p>&nbsp;</p>").remove();
	
	$('#first .textwidget ul li:first').css('border', '0px');	
	
	$('ul.sub-menu li:last a').css('border', '0px');	
	
	
	/* =Abas na home com últimos projetos
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	$('a.filmes').click(function() {
	  $('ul.list-trabalhos-recentes li').removeClass('current-aba');
	  $('li.aba-filmes').addClass('current-aba');	
	  	  
	  $('div.box-trabalhos-recentes div').removeClass('current-box');
	  $('div.box-content-filmes').addClass('current-box');	
	});
	
	$('a.print').click(function() {
	  $('ul.list-trabalhos-recentes li').removeClass('current-aba');
	  $('li.aba-print').addClass('current-aba');
	  
	  $('div.box-trabalhos-recentes div').removeClass('current-box');
	  $('div.box-content-print').addClass('current-box');		
	});
	
	$('a.internet').click(function() {
	  $('ul.list-trabalhos-recentes li').removeClass('current-aba');
	  $('li.aba-internet').addClass('current-aba');	
	  
	  $('div.box-trabalhos-recentes div').removeClass('current-box');
	  $('div.box-content-internet').addClass('current-box');	
	});
	
	$('a.spots').click(function() {
	  $('ul.list-trabalhos-recentes li').removeClass('current-aba');
	  $('li.aba-spots').addClass('current-aba');
	  
	  $('div.box-trabalhos-recentes div').removeClass('current-box');
	  $('div.box-content-spots').addClass('current-box');		
	});
	
	$(".box-list-filmes > li:last").addClass("last");
	$(".box-list-print > li:last").addClass("last");
	$(".box-list-internet > li:last").addClass("last");
	$(".box-list-spots > li:last").addClass("last");
	
	
	/* =Mostrar os formulários de Intranet e Rede Sociais
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	$('li#menu-item-5332 a').click(function(){
		$("#loginIntranet").css("display","block");
		$("#redesocial").css("display","none");
	});
	$('li#menu-item-5334 a').click(function(){
		$("#loginIntranet").css("display","none");
		$("#redesocial").css("display","block");
	});
	$('span.bt-close').click(function(){
		$("#loginIntranet").css("display","none");
		$("#redesocial").css("display","none");
	});
	$("#menu-item-5333 a").attr("target","_blank");
	
	
	
	/* =Footer Widget Area
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	$("#footer-widget-area li ul li:first").addClass("first");
	
});

/* =Efeito de opacidade em clientes
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	 
// On window load. This waits until  have loaded which is essential
$(window).load(function(){

	// Fade in  so there isn't a color "pop" document load and then on window load
	$(".item img.grayscale").animate({opacity:0.3},200);

	// clone image
	$('.item img.grayscale').each(function(){
		var el = $(this);
		el.css({"position":"relative"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"20","opacity":"0"}).insertBefore(el).queue(function(){
			var el = $(this);
			el.parent().css({"width":this.width,"height":this.height});
			el.dequeue();
		});
		this.src = grayscale(this.src);
	});

	// Fade image 
	$('.item img.grayscale').mouseover(function(){
		$(this).parent().find('img.grayscale:first').stop().animate({opacity:1}, 300);
	})
	$('.img_grayscale').mouseout(function(){
		$(this).stop().animate({opacity:0}, 300);
	});		
});

// Grayscale w canvas method
function grayscale(src){
	var canvas = document.createElement('canvas');
	var ctx = canvas.getContext('2d');
	var imgObj = new Image();
	imgObj.src = src;
	canvas.width = imgObj.width;
	canvas.height = imgObj.height; 
	ctx.drawImage(imgObj, 0, 0); 
	var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
	for(var y = 0; y < imgPixels.height; y++){
		for(var x = 0; x < imgPixels.width; x++){
			var i = (y * 4) * imgPixels.width + x * 4;
			var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
			imgPixels.data[i] = avg; 
			imgPixels.data[i + 1] = avg; 
			imgPixels.data[i + 2] = avg;
		}
	}
	ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
	return canvas.toDataURL();
}

function showSubClients(id){
	$(id).fadeIn();
}
function hideSubClients(id){
	$(id).fadeOut();
}
function showVideo(){
	$(".box-destaque-home .video-link").hide();
	$(".box-destaque-home .video-player").show();
}