// JavaScript Document
$(document).ready(function(){
	
	$.get("/antispam.php", null,
	function(data)
	{
		$("#formulario form").append("<input type=\"hidden\" name=\"antispam\" value=\""+ data +"\" />");
	});
	
	$("#box-jobs .slides li").each(function (i) {
		i = i+1;
		$(".pagination").append('<li><a href="#">'+i+'</a></li>');
	});
	$('#box-jobs').loopedSlider({
		autoStart: 5000,
		containerClick: false,
		restart: 5000,
		slidespeed: 900,
		fadespeed: 700
	});
	
	$(".pg-interna h1 a:eq(1)").addClass('pg-titulo');
	
	//Apresentação Projetos
	$("#projeto-imgs #imgs p, #projeto-imgs #imgs img").hide();
	$("#projeto-imgs #imgs p").each(function (i) {
		i = i+1;
		$('img', this).attr({height: $(this).height()});
		// ID agora está no P e nao mais na IMG
		$(this).attr({id: 'img-'+i+''}).hide();
		$("#imgs-nav ul").append('<li><a href="#img-'+i+'">'+i+'</a></li>');
	});
	
	//Img de Load das imagens
	$('#imgs .container').prepend('<span class="load">&nbsp;</span>');
	
	function projetoImg(obj){
		if (obj.hasClass('.ativo')) { return; }
		
		$('#imgs-nav a').removeClass('ativo');
		obj.addClass('ativo');
		
		var imgId = obj.attr('href');
		var altura = $(imgId).find('img').attr('height');
		
		$('#imgs p.atual').removeClass('atual').hide();
				
		$('#imgs .load').fadeIn(300);
		
		$(imgId).addClass('atual').show().find('img').hide();
		
		if (obj.hasClass('.clicado')) {
			$('#imgs .container').stop().animate({height: altura}, 500);
			$('#projeto-imgs').stop().animate({height: altura+80}, 500);
			
			$('#imgs .load').fadeOut(300);
			$('.atual img').css('visibility','visible').fadeIn(500);
		
		} else {
			//Recria imagem
			var src = $('.atual img').attr('src');
			$('.atual img').remove();
			
			if ( $('.atual a').length > 0 ) {
				$('.atual a').prepend('<img src="'+src+'" />');
			} else {
				$('.atual').prepend('<img src="'+src+'" />');
			}
			
			$('.atual img').hide().load(function(){
				$('#imgs .container').stop().animate({height: $(this).height()}, 500);
				$('#projeto-imgs').stop().animate({height: $(this).height()+80}, 500, function(){
				$('#img .load').fadeOut(300);
					$('.atual img').css('visibility','visible').fadeIn(500);
					$('#imgs .load').fadeOut(300);
				});
			});
			
			obj.addClass('clicado');
		}	
	}
	
	$('#imgs-nav li a').click(function(){
		projetoImg($(this));
		return false;
	});
	if( $('#corpo-conteudo').hasClass('.pg-projeto') ) { $('#imgs-nav a:first').trigger('click'); }
	
	//Amplia Projeto
	if( $('#projeto-imgs #imgs a').length > 0 ) { $('#projeto-imgs #imgs-nav').prepend('<span class="ampliar">Ampliar</span>'); }
	$('#imgs a').click( function() {
		$('h1').addClass('ampliacao');
		$('#imgs .load').css({marginLeft: '440px'}).fadeIn(300);
		$('.ampliar').html('Fechar').addClass('fechar');
		$('<span class="protecao">&nbsp;</span>').insertBefore('#topo').css({width: $('body').width(), height: $('body').height()+20, opacity: 0.8});
		
		$('<span class="projeto-ampliado"><img src="'+$(this).attr('href')+'"/></span>').insertBefore('#projeto-imgs');
		
		$('.projeto-ampliado img').hide().load(function(){
			$('#imgs .load').fadeOut(300, function(){ $(this).css({marginLeft: '280px'}); });
			$(this).fadeIn(500);
		});
		
		return false;
	});
	//Fecha Ampliação do Projeto
	$('.projeto-ampliado img').live( 'click',
		function() {
			$('h1').removeClass('ampliacao');
			$('.ampliar').html('Ampliar').removeClass('fechar');
			$('.protecao, .projeto-ampliado').fadeOut(500, function() { $(this).remove(); });
			return false;
		}
	);
	$('.ampliar').click(function(){
		if ( $(this).hasClass('.fechar') ) { $('.projeto-ampliado img').trigger('click');
		} else { $('#imgs p.atual a').trigger('click'); }
	});
	
	/*$('.pg-projeto').loopedSlider({
		autoStart: 0,
		containerClick: false,
		autoHeight: true,
		restart: 5000,
		fadespeed: 700
	});*/
	
	$("#logo-apresenta #titulo-img img").each(function (i) {
		i = i+1;
		$(".pagination").append('<li><a href="#">'+i+'</a></li>');
	});
	
	$('#logo-apresenta #titulo-img').loopedSlider({
		autoStart: 0,
		containerClick: false,
		autoHeight: false,
		restart: 5000,
		fadespeed: 700
	});
	$('#logo-apresenta #titulo-img .slides p:first').css('left','0');
	
	//$('#lista-jobs li a').css('opacity','0.4');
	$('#lista-jobs li a img').css('opacity','0.6');
	$('#lista-jobs li').hover(function(){
		//$("a", this).stop().animate({opacity:'1.0'},{queue:false,duration:300});
		$("a img", this).stop().animate({opacity:'1.0'},{queue:false,duration:300});
		$(".cover", this).stop().animate({top:'143px', height:'60px'},{queue:false,duration:300});
	}, function() {
		$("a img", this).stop().animate({opacity:'0.4'},{queue:false,duration:500});
		$(".cover", this).stop().animate({top:'210px'},{queue:false,duration:500});
	});		
	
	$('#barra-final .jobs li').hover(function(){
		$(".jobs-cover", this).stop().animate({top:'74px'},{queue:false,duration:200});
	}, function() {
		$(".jobs-cover", this).stop().animate({top:'110px'},{queue:false,duration:500});
	});
	
	$.expr[':'].external = function(obj){ return (obj.hostname != location.hostname); };
	$('a:external').addClass('link-externo');
	$('#twitter a').attr('target','_blank');
	
	$(".sobre p:eq(1)").addClass('titulo-especial1');
	
	$('.social-icons li a').wrapInner('<span class="txt"></span>').prepend('<span class="ico1">&nbsp;</span>').css('opacity','0.5');
	$('.social-icons li a span.ico1').css('opacity','1.0');
	$('.social-icons li a span.txt').css('opacity','0.0');
	$('.social-icons li a').hover(function(){
		$(this).stop().animate({opacity:"1.0"}, "fast");
		$("span.txt", this).stop().animate({opacity:"1.0"}, "fast");
		$("span.ico1", this).stop().animate({opacity:"0"}, "slow");
	}, function() {		
		$(this).stop().animate({opacity:".7"}, "fast");
		$("span.txt", this).stop().animate({opacity:"0"}, "slow");
		$("span.ico1", this).stop().animate({opacity:"1.0"}, "slow");
	});
	
	//$('.box.links li a').hover(function(){ $(this).animate({borderLeft:"8px solid #0CF"}, "fast"); }, function() { $(this).animate({borderLeft:"2px solid #061C2F"}, "fast"); });
	
	$(".box.ferramentas li:contains('Flash')").addClass("flash").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('Fireworks')").addClass("fireworks").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('Photoshop')").addClass("photoshop").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('jQuery')").addClass("jquery").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('XHTML')").addClass("xhtml").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('CSS')").addClass("css").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('Wordpress')").addClass("wordpress").wrapInner('<span></span>');
	$(".box.ferramentas li:contains('Grid')").addClass("gs").wrapInner('<span></span>');
	$(".box.ferramentas li").css('opacity','0.55');
	$(".box.ferramentas li span").css('opacity','0.0');
	$('li.flash, li.fireworks, li.photoshop, li.jquery, li.wordpress, li.xhtml, li.css, li.gs').hover(function(){
		$(this).stop().animate({opacity:"1.0"}, 500);
		$('span', this).stop().animate({opacity:"1.0",marginTop:"0"}, 300);
	},
	function() {
		$(this).stop().animate({opacity:"0.6"}, 500);
		$('span', this).stop().animate({opacity:"0.0",marginTop:'7px'}, 300);
	});
	
	//Pg Logo detalhes
	$(".logo #paginacao:eq(0)").addClass('primeira');
	$(".pg-interna.logo #lista-jobs li a:eq(0), .pg-interna.logo #lista-jobs li a:eq(1)").addClass('nivel1');
		
	//Barra Final
	$('#barra-final .box .titulo').wrapInner('<span></span>').append('<span class="canto">&nbsp;</span>');
	
	$('.contato input, .contato textarea').focus(function() {
		if (($(this).val() == "Nome") || ($(this).val() == "E-mail") || ($(this).val() == "Mensagem")) { $(this).val(""); }
	 	$(this).addClass('foco');
	});
	$('.contato input, .contato textarea').blur(function() {
		if (($(this).val() == "") && ($(this).attr("name") == "nome")) { $(this).val("Nome"); } //else { $(this).addClass("preenchido"); }
		if (($(this).val() == "") && ($(this).attr("name") == "email1")) { $(this).val("E-mail"); } //else { $(this).addClass("preenchido"); }
		if (($(this).val() == "") && ($(this).attr("name") == "msg")) { $(this).val("Mensagem"); } //else { $(this).addClass("preenchido"); }
		$(this).removeClass('foco');
	});
	$('#form-box .enviar').hover(function() { $(this).addClass('foco'); }, function() { $(this).removeClass('foco'); });
	$('#form-box .enviar').click(function() {
		if (($('.nome').val() == "Nome")) { $('.nome').val(""); }
		if (($('.email').val() == "E-mail")) { $('.email').val(""); }
		if (($('.msg').val() == "Mensagem")) { $('.msg').val(""); }
	});
	
	$('#form-box form').submit(
		function()
		{
			$.post(
				$(this).attr('action'),
				$(this).serialize(),
				function(json)
				{
					if(json['erro'])
					{
						$('#msg-form').remove();
						saida = "<div id='msg-form' class='erro' style='display:none;'>";
						saida += "<p>"+json['msg']+"</p>";
						saida += "<ul>";
						$.each(
							json['erros'],
							function(){ saida += "<li><strong>"+this+"</strong></li>"; }
						);
						saida += "</ul>";
						saida += "</div>";
						
						$('#form-box').before(saida);
						$('#msg-form').fadeIn('slow');
						$('#form-box .nome').val( ( json['campos']['nome'] == '' ) ? 'Nome' : json['campos']['nome'] );
						$('#form-box .email').val( ( json['campos']['email'] == '' ) ? 'E-mail' : json['campos']['email'] );
						$('#form-box .msg').val( ( json['campos']['msg'] == '' ) ? 'Mensagem' : json['campos']['msg'] );
					}
					
					else {
						$('#msg-form').remove();
						saida = "<div id='msg-form' class='sucesso' style='display:none;'>";
						saida += "<p>"+json['msg']+"</p>";
						saida += "</div>";
						$('#form-box').before(saida);
						$('#msg-form').fadeIn('slow');
						
						$('#form-box .nome').val('Nome');
						$('#form-box .email').val('E-mail');
						$('#form-box .telefone').val('Telefone');
						$('#form-box .msg').val('Mensagem');
					}		
				},
				'json'
			);
			
		}
	);
	
});
	
	$(function(){
		$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});

	  $(function() { $("#ir-topo a").scrollToTop(); });