/*Paginação*/
var ItensPagina;
var paginas;
var paginacao;

function montaPaginacao(){
	for(a = 0; a < paginas; a ++){
		if(a == 0){
			paginacao += '<li><a href="javascript:void(0);" title="P&aacute;gina Anterior">P&aacute;gina Anterior</a></li>'
		}
		paginacao += '<li>' + '<a href="javascript:void(0);" title="P&aacute;gina ' + (a + 1) + '">' + (a + 1) + '</a></li>';
		if(a == paginas - 1){
			paginacao += '<li><a href="javascript:void(0);" title="Pr&oacute;xima P&aacute;gina">Pr&oacute;xima P&aacute;gina</a></li>'
		}
		$('.paginacao').html(paginacao);

		$('.artigos').append('<ul id="pagina' + a + '"></ul>');
		
		if(a == paginas - 1){
			ItensPagina = $('.artigos ul:first-child li').size();
		}
		for(i = 0; i < ItensPagina; i++){
			var itenHeader = "";
			var itenArticle = "";
			var itenA = "";
			
			itenHeader = $('.artigos ul:first-child li:eq(0) a header').html();
			itenArticle = $('.artigos ul:first-child li:eq(0) a p').html();
			itenA = $('.artigos ul:first-child li:eq(0) a').attr('href');
			
			$('#pagina' + a).append('<li><a href="' + itenA + '" class="post" stitle="Continuar Lendo"><header>' + itenHeader + '</header><p>' + itenArticle + '</p></a></li>');
			$('.artigos ul:first-child li:eq(0)').remove();
			
		}
		if(a == paginas - 1){
			$('.artigos ul:first-child').remove();
		}
	}
}

function paginaAtual(){
	if($('.paginacao li:eq(1)').hasClass('active')){
		$('.paginacao li:eq(0)').css('display', 'none');
	}else{
		$('.paginacao li:eq(0)').css('display', 'inline');
	}
	if($('.paginacao li:eq(' + ($('.paginacao li').size() - 2) + ')').hasClass('active')){
		$('.paginacao li:last-child').css('display', 'none');
	}else{
		$('.paginacao li:last-child').css('display', 'inline');
	}
}

function mudaPagina(){
	$('.paginacao li').click(function(){
		var clicado = $(this).prevAll().size();
		var atual = $('.paginacao li.active').prevAll().size();
		
		$('.paginacao li').removeClass('active');
		if(clicado == 0){
			$('.paginacao li:eq('+ (atual - 1) +')').addClass('active');
		}else if(clicado == $('.paginacao li').size() - 1){
			$('.paginacao li:eq('+ (atual + 1) +')').addClass('active');
		}else{
			$('.paginacao li').removeClass('active');
			$(this).addClass('active');
		}
		$('.artigos ul').animate({
			opacity:0				 
		},300, function(){
			$('.artigos ul').css('display', 'none');
			$('#pagina' + ($('.paginacao li.active').prevAll().size() - 1)).animate({
				opacity: 1														
			},500);
			$('#pagina' + ($('.paginacao li.active').prevAll().size() - 1)).css('display','block');
		});
		paginaAtual();
	});
}

/* <![CDATA[ */
var obj;
var tagname = new Array('a', 'img', 'input');
var tooltip = {
	init: function(){
		obj = document.createElement('div');
		obj.setAttribute('id', 'tooltip');
		document.body.appendChild(obj);
		window.document.onmousemove = this.move;
		for(var i = 0; i < tagname.length; i++){
			var ancora = document.getElementsByTagName(tagname[i]);
			for(var j = 0; j < ancora.length; j++){
				var a = ancora[j];
				texttitle = a.getAttribute('title');
				if(texttitle){
					a.setAttribute('sTitle', texttitle);
					a.removeAttribute('title');
					a.onmouseover = function(){
						t = this.getAttribute('sTitle');
						obj.innerHTML = t;
						obj.style.display = 'block';
					};// end function
					a.onmouseout = function(){
						obj.innerHTML = '';
						obj.style.display = 'none';
					};// end function
				}//end if
			}//end for
		}//end for
	},
	move: function(e){
		e = e || window.event;
		if(e.pageX || e.pageY){
			x = e.pageX;
			y = e.pageY;
		}else{
			x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
			y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
		}//end if
		obj.style.position = 'absolute';
		obj.style.zIndex = '99999';
		return true;
	}
}
/* ]]> */
//Acessibilidade//////////////////////////////////////////////////
function Acessibilidade(){
	var fonte = 11;
	$('.acessibilidade .original').click(function(){
		$('.project	p, .texto p, .texto h3, .texto li').css({'font-size':11 + 'px'});									  
	});	
	$('.acessibilidade .maior').click(function(){
		if(fonte < 16){
			fonte += 1;
			$('.project	p, .texto p, .texto h3, .texto li').css({'font-size':fonte + 'px'});		
		}
	});	
	$('.acessibilidade .menor').click(function(){
		if(fonte > 9){
			fonte -= 1;
			$('.project	p, .texto p, .texto h3, .texto li').css({'font-size':fonte + 'px'});		
		}
	});	
}

//Scroll Animado/////////////////
anchor = {
	init : function() {
		$("a.topo, a.direto").click(function () {
			elementClick = $(this).attr("href")
			destination = $(elementClick).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 700 );
			return false;
		});
	}
}
//Canvas//
function canvas(){
	//Canvas - Conheça
	function drawPath(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "#003082";
			context.beginPath();
			context.moveTo(0, 0);
			context.lineTo(10, 4);
			context.lineTo(0, 9);
			context.lineTo(2, 4.5);
			context.lineTo(0, 0);
			context.fill();
		}
	}
	//Canvas - Topo
	function drawPath1(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "#0e66b5";
			context.beginPath();
			context.moveTo(0, 6);
			context.lineTo(4, 0);
			context.lineTo(8, 6);
			context.lineTo(4, 5);
			context.lineTo(0, 6);
			context.fill();
		}
	}
	//Canvas - Direto
	function drawPath2(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "rgba(14, 102, 181, 0.2)";
			context.beginPath();
			context.moveTo(0, 0);
			context.lineTo(4, 2);
			context.lineTo(8, 0);
			context.lineTo(4, 6);
			context.lineTo(0, 0);
			context.fill();
		}
	}
	//Canvas - menu principal
	function drawPath3(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "#0e66b5";
			context.beginPath();
			context.moveTo(0, 0);
			context.lineTo(5, 2.5);
			context.lineTo(0, 5);
			context.lineTo(0, 0);
			context.fill();
		}
	}
	//Canvas - seta tras
	function drawPath4(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "#666";
			context.beginPath();
			context.moveTo(17, 0);
			context.lineTo(14, 7.5);
			context.lineTo(17, 15);
			context.lineTo(0, 7.5);
			context.lineTo(17, 0);
			context.fill();
		}
	}
	//Canvas - seta frente
	function drawPath5(quem){
		var canvasElem = document.getElementById(quem);
		if (canvasElem.getContext) {
			var context = canvasElem.getContext('2d');
			context.fillStyle = "#666";
			context.beginPath();
			context.moveTo(0, 0);
			context.lineTo(17, 7.5);
			context.lineTo(0, 15);
			context.lineTo(3, 7.5);
			context.lineTo(0, 0);
			context.fill();
		}
	}
	drawPath3('nav1');
	drawPath3('nav2');
	drawPath3('nav3');
	drawPath3('nav4');
	drawPath3('nav5');
	if($('article#article').hasClass('erro') == false){
		drawPath1('topo');
		drawPath2('direto');
		
		if($('article#article').hasClass('home')){
			drawPath('seta1');
			drawPath('seta2');
			drawPath('seta3');
			drawPath('seta4');
		}else{
			drawPath3('bread1');
			if($('article#article').hasClass('projects')){
				drawPath3('bread2');	
				drawPath4('volta');
				drawPath5('avanca');
			}
			if($('article#article').hasClass('tutos')){
				drawPath3('bread2');
			}
			if($('article#article').hasClass('confirm')){
				drawPath3('bread2');
			}
			if($('article#article').hasClass('html5')){
				drawPath3('bread2');
			}
		}
	}
}

function textfield(quem, label){
	$(quem).attr('value', label);
	
	$(quem).focus(function(){
		if($(quem).val() == label){
			$(quem).val("");
		}
	});
	$(quem).blur(function(){
		if($(quem).val() == ""){
			$(quem).val(label);
		}
	});
}

function checkPlaceHolder(element, attribute) {
	var test = document.createElement(element);
	if (attribute in test) {
		$('.contato label input').css('line-height', '100%')
	}else{
		/*textfield('#nome', 'nome');
		textfield('#email', 'e-mail');
		textfield('#busca', 'palavra-chave');*/
		textfield('.contato #nome', 'informe seu nome');
		textfield('.contato #email', 'informe seu e-mail');
		textfield('.contato #telefone', 'informe seu telefone');
		textfield('.contato #assunto', 'informe o assunto');
	}
}
function checkAutofocus(element, attribute) {
	var test = document.createElement(element);
	if (attribute in test) {
		
	}else{
		$('.contato #nome').focus();
	}
}

function galeriaProjetos(valor){
	$('.bt.volta').click(function(){
		$('.galeria ul.projetos').animate({
			marginLeft: 0
		}, 800);
		$(this).animate({
			opacity: 0
		}, 300, function(){
			$('.bt.volta').css('display', 'none');
		});
		$('.bt.avanca').animate({
			opacity: 1
		}, 300, function(){
			$('.bt.avanca').css('display', 'block');
		});
	});
	$('.bt.avanca').click(function(){
		$('.galeria ul.projetos').animate({
			marginLeft: valor + 'px'
		}, 800);
		$(this).animate({
			opacity: 0
		}, 300, function(){
			$('.bt.avanca').css('display', 'none');
		});
		$('.bt.volta').animate({
			opacity: 1
		}, 300, function(){
			$('.bt.volta').css('display', 'block');
		});
	});
}

function janela(){
	if($(window).width() > 1100){
		$('.container.right').css('margin-right', 0 + 'px');
		$('.breadcrumb').css('right', 5 + 'px');
	}else{
		$('.container.right').css('margin-right', 40 + 'px');
		$('.breadcrumb').css('right', 45 + 'px');
	}
	if($(window).height() > $('body').height()){
		$('header a.direto, footer a.topo').css('display','none');
	}else{
		$('header a.direto, footer a.topo').css('display','block');
	}
}

function validaNome(){
	$('.contato #nome').next('.icon').children('.msg').html('');
	if($('.contato #nome').val() == "" || $('.contato #nome').val() == "informe seu nome"){
		$('.contato #nome').next('.icon').removeClass('certo erro');
		$('.contato #nome').next('.icon').addClass("erro");
		$('.contato #nome').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
	}else if($('.contato #nome').val().length < 3){
		$('.contato #nome').next('.icon').removeClass('certo erro');
		$('.contato #nome').next('.icon').addClass("erro");
		$('.contato #nome').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 3 caracteres!');
	}else{
		$('.contato #nome').next('.icon').removeClass('certo erro');
		$('.contato #nome').next('.icon').addClass("certo");
	}
}

function validaEmail(){
	$('.contato #email').next('.icon').children('.msg').html('');
	var er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/;
	if($('.contato #email').val() == "" || $('.contato #email').val() == "informe seu e-mail"){
		$('.contato #email').next('.icon').removeClass('certo erro');
		$('.contato #email').next('.icon').addClass("erro");
		$('.contato #email').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio!');
	}else if(er.exec($('.contato #email').val())){
		$('.contato #email').next('.icon').removeClass('certo erro');
		$('.contato #email').next('.icon').addClass("certo");
	}else{
		$('.contato #email').next('.icon').removeClass('certo erro');
		$('.contato #email').next('.icon').addClass("erro");
		$('.contato #email').next('.icon').children('.msg').html('Insira um e-mail v&aacute;lido!<br /><small>ex.: nome@dominio.com</small>');
	}
}
function validaAssunto(){
	$('.contato #assunto').next('.icon').children('.msg').html('');
	if($('.contato #assunto').val() == "" || $('.contato #assunto').val() == "informe o assunto"){
		$('.contato #assunto').next('.icon').removeClass('certo erro');
		$('.contato #assunto').next('.icon').addClass("erro");
		$('.contato #assunto').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
	}else if($('.contato #assunto').val().length < 5){
		$('.contato #assunto').next('.icon').removeClass('certo erro');
		$('.contato #assunto').next('.icon').addClass("erro");
		$('.contato #assunto').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 5 caracteres!');
	}else{
		$('.contato #assunto').next('.icon').removeClass('certo erro');
		$('.contato #assunto').next('.icon').addClass("certo");
	}
}
function validaMsg(){
	$('.contato #mensagem').next('.icon').children('.msg').html('');
	if($('.contato #mensagem').val() == "" || $('.contato #mensagem').val() == "deixe sua mensagem"){
		$('.contato #mensagem').next('.icon').removeClass('certo erro');
		$('.contato #mensagem').next('.icon').addClass("erro");
		$('.contato #mensagem').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
	}else if($('.contato #mensagem').val().length < 10){
		$('.contato #mensagem').next('.icon').removeClass('certo erro');
		$('.contato #mensagem').next('.icon').addClass("erro");
		$('.contato #mensagem').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 10 caracteres!');
	}else{
		$('.contato #mensagem').next('.icon').removeClass('certo erro');
		$('.contato #mensagem').next('.icon').addClass("certo");
	}
}
function validaTelefone(){
	$('.contato #telefone').next('.icon').children('.msg').html('');
	if($('.contato #telefone').val() == "" || $('.contato #telefone').val() == "informe seu telefone"){
		$('.contato #telefone').next('.icon').removeClass('certo erro');
	}else if($('.contato #telefone').val().length < 8){
		$('.contato #telefone').next('.icon').removeClass('certo erro');
		$('.contato #telefone').next('.icon').addClass("erro");
		$('.contato #telefone').next('.icon').children('.msg').html('Informe um n&uacute;mero de telefone v&aacute;lido!<br /><small>ex.: 8888 8888</small>');
	}else{
		$('.contato #telefone').next('.icon').removeClass('certo erro');
		$('.contato #telefone').next('.icon').addClass("certo");
	}
}
function limpa(){
	$('.contato #nome').val('informe seu nome');
	$('.contato #email').val('informe seu e-mail');
	$('.contato #telefone').val('informe seu telefone');
	$('.contato #assunto').val('informe o assunto');
	$('.contato #mensagem').val('deixe sua mensagem');
	$('.icon').removeClass('certo erro');
}
function numeros(campo) { 
	var digits="0123456789";
	var campo_temp;
	for (var i=0;i<campo.value.length;i++){
		campo_temp=campo.value.substring(i,i+1)       
		if(digits.indexOf(campo_temp)==-1){
			campo.value = campo.value.substring(0,i);
			break;
		}
	}
}
$(document).ready(function(){					   
	$('.contato input[type="button"]').click(function(){
		limpa();												  
	});
	$('.contato #nome').bind({
		keyup: validaNome,
		blur: function(){setTimeout('validaNome()', 200);}
	});
	$('.contato #email').bind({
		keyup: validaEmail,
		blur: function(){setTimeout('validaEmail()', 200);}
	});
	$('.contato #assunto').bind({
		keyup: validaAssunto,
		blur: function(){setTimeout('validaAssunto()', 200);}								
	});
	$('.contato #telefone').bind({
		keyup: validaTelefone,
		blur: function(){setTimeout('validaTelefone()', 200);}								
	});
	$('.contato #mensagem').bind({
		keyup: validaMsg,
		blur: function(){setTimeout('validaMsg()', 200);}								
	});	
	
	$('#FormContato').submit(function(){
		var erro = 0;
		if($('.contato #nome').val() == "" || $('.contato #nome').val() == "informe seu nome"){
			$('.contato #nome').next('.icon').removeClass('certo erro');
			$('.contato #nome').next('.icon').addClass("erro");
			$('.contato #nome').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
			erro += 1;
		}else if($('.contato #nome').val().length < 3){
			$('.contato #nome').next('.icon').removeClass('certo erro');
			$('.contato #nome').next('.icon').addClass("erro");
			$('.contato #nome').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 3 caracteres!');
			erro += 1;
		}else{
			$('.contato #nome').next('.icon').removeClass('certo erro');
			$('.contato #nome').next('.icon').addClass("certo");
		}
		var er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/;
		if($('.contato #email').val() == "" || $('.contato #email').val() == "informe seu e-mail"){
			$('.contato #email').next('.icon').removeClass('certo erro');
			$('.contato #email').next('.icon').addClass("erro");
			$('.contato #email').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio!');
			erro += 1;
		}else if(er.exec($('.contato #email').val())){
			$('.contato #email').next('.icon').removeClass('certo erro');
			$('.contato #email').next('.icon').addClass("certo");
		}else{
			$('.contato #email').next('.icon').removeClass('certo erro');
			$('.contato #email').next('.icon').addClass("erro");
			$('.contato #email').next('.icon').children('.msg').html('Insira um e-mail v&aacute;lido!<br /><small>ex.: nome@dominio.com</small>');
			erro += 1;
		}
		if($('.contato #assunto').val() == "" || $('.contato #assunto').val() == "informe o assunto"){
			$('.contato #assunto').next('.icon').removeClass('certo erro');
			$('.contato #assunto').next('.icon').addClass("erro");
			$('.contato #assunto').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
			erro += 1;
		}else if($('.contato #assunto').val().length < 5){
			$('.contato #assunto').next('.icon').removeClass('certo erro');
			$('.contato #assunto').next('.icon').addClass("erro");
			$('.contato #assunto').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 5 caracteres!');
			erro += 1;
		}else{
			$('.contato #assunto').next('.icon').removeClass('certo erro');
			$('.contato #assunto').next('.icon').addClass("certo");
		}
		if($('.contato #mensagem').val() == "" || $('.contato #mensagem').val() == "deixe sua mensagem"){
			$('.contato #mensagem').next('.icon').removeClass('certo erro');
			$('.contato #mensagem').next('.icon').addClass("erro");
			$('.contato #mensagem').next('.icon').children('.msg').html('Campo de preenchimento obrigat&oacute;rio');
			erro += 1;
		}else if($('.contato #mensagem').val().length < 10){
			$('.contato #mensagem').next('.icon').removeClass('certo erro');
			$('.contato #mensagem').next('.icon').addClass("erro");
			$('.contato #mensagem').next('.icon').children('.msg').html('S&atilde;o necess&aacute;rios, pelo menos, 10 caracteres!');
			erro += 1;
		}else{
			$('.contato #mensagem').next('.icon').removeClass('certo erro');
			$('.contato #mensagem').next('.icon').addClass("certo");
		}
		if($('.contato #telefone').val() == "" || $('.contato #telefone').val() == "informe seu telefone"){
			$('.contato #telefone').next('.icon').removeClass('certo erro');
		}else if($('.contato #telefone').val().length < 8){
			$('.contato #telefone').next('.icon').removeClass('certo erro');
			$('.contato #telefone').next('.icon').addClass("erro");
			$('.contato #telefone').next('.icon').children('.msg').html('Insira um n&uacute;mero de telefone v&aacute;lido!<br /><small>ex.: 8888 8888</small>');
			erro += 1;
		}else{
			$('.contato #telefone').next('.icon').removeClass('certo erro');
			$('.contato #telefone').next('.icon').addClass("certo");
		}
		
		$('.erro:first').prev('input').focus();
		
		if(erro > 0){
			return false;
		}else{
			return true;	
		}
	});
	
	if($('ul.projetos li').size() < 7){
		$('.bt.avanca, .bt.volta').css('display', 'none');
	}else if($('ul.projetos li').size() < 8){
		galeriaProjetos(-97);
	}else{
		galeriaProjetos(-193);
	}
	
	tooltip.init();
	
	$("html").mousemove(function(mouse){
		if(mouse.pageX > $(window).width() - 200){
			$("#tooltip").css("left",mouse.pageX - $("#tooltip").width());
			if(mouse.pageY > $(window).height() - 100){
				$("#tooltip").css("top",mouse.pageY - 20);
			}else{
				$("#tooltip").css("top",mouse.pageY + 20);
			}
		}else{
			$("#tooltip").css("left",mouse.pageX + 5);
			if(mouse.pageY > $(window).height() - 100){
				$("#tooltip").css("top",mouse.pageY - 20);
			}else{
				$("#tooltip").css("top",mouse.pageY + 20);
			}
		}
	});
	
	Acessibilidade();
	anchor.init();
	
	checkPlaceHolder('input', 'placeholder');
	textfield('.contato #mensagem', 'deixe sua mensagem');
	checkAutofocus('input', 'auto');
	
	if($(window).height() > $('body').height()){
		$('header a.direto, footer a.topo').css('display','none');
	}
	$(window).load(function(){
		janela();
		$(window).resize(function(){
			janela();
		});
	});

	$('a[href$=".pdf"], a[href$=".rar"], a[href$=".zip"], a[href$=".js"]').click(function(){
		_gaq.push(['_trackEvent', 'Arquivos', 'Downloaded', $(this).attr('href')]);
	});
	$(window).load(function(){
		$('#button').click(function(){
			_gaq.push(['_trackEvent', 'Compartilhe', 'Google +1', $('title').text()]);
			alert('teste');
		});
		
		$('.tweet').append('<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>');
		$('.tweet').click(function(){
			alert('teste1');
			_gaq.push(['_trackEvent', 'Compartilhe', 'Tweet', $('title').text()]);
			
		});
	});
	
	
	var page = 0;
	$('a').click(function(){
		if($(this).attr('href') != "#" || $(this).attr('href') != "javascript:void(0);"){
			page = 1;
		}
	});
	function virtualPage(){
		page = 1; 
		_gaq.push(['_trackPageview', '/last-page'])
	}
	$(window).bind({
		beforeunload: function(){if(page == 0){virtualPage();}}
	});
	
	
	/*Paginação*/
	ItensPagina = 5;
	paginas = Math.ceil($('.artigos ul li').size() / ItensPagina);
	paginacao = "";
	
	montaPaginacao();
	$('.paginacao li:eq(1)').addClass('active');
	paginaAtual();
	mudaPagina();
	
	if($.browser.msie){
		$('.box-html, .acessibilidade li a, .box40.sidebar, .post, .banner, input').each(function() {
			PIE.attach(this);
		});	
	}
	
	/*Canvas*/
	canvas();
	
});