/* 

    Document   : funcoes.js
    Created on : 13/10/2011, 12:29:16
    Author     : @vagnermix ( Layout, HTML5, CSS3 e SEO ) - NacionalVOX Agencia Digital www.nacionalvox.com.br
    Description: JS - "NacionalVOX | Agencia Digital"
	
*/
 
IncludeJavaScript("/images/scripts/jquery.easing.1.3.js");
IncludeJavaScript("/images/scripts/jCarousel.js");
IncludeJavaScript("/images/scripts/jquery.tools.min.js");
IncludeJavaScript("/images/scripts/jquery.ui.totop.js");
IncludeJavaScript("/images/scripts/jquery.fport.js");
IncludeJavaScript("/images/scripts/background-position.js");
IncludeJavaScript("/images/scripts/clearfield.js");
IncludeJavaScript("/images/scripts/input-file-style.js");

j(document).ready(function() {
	
	// clearField
	j('.clearField').clearField();
	
	var carouselWrapper = j(".carousel");
	var controls = j('.carousel .nav_carousel a');
	var navi = j('.nav_carousel');
	
	var mycarouselTopInitCallback = function(carousel) {
		controls.bind('click', function() {
			var index = j(this).attr("id").split("_");
			carousel.scroll(j.jcarousel.intval(index[1]));
			return false;
		});
	};
	
	var itemVisibleIn = function(carousel, li, index, state){
    		controls.removeClass('ativo');
	    	controls.eq(index - 1).addClass('ativo');
			
			if(j(li).hasClass('amarelo')){
				navi.removeClass('nav_carousel_preto').addClass('nav_carousel');
			}else{
				navi.removeClass('nav_carousel').addClass('nav_carousel_preto');
			}
	};
	
	// slide destaques
	jQuery('.carousel').jcarousel({
		scroll: 1,
		vertical: true,
		start: 1,
		wrap: "last",
		auto: 7,
		easing: 'easeInBack',
		animation: 800,
		itemFallbackDimension: 450,
		initCallback: mycarouselTopInitCallback,
		itemVisibleInCallback: itemVisibleIn,
       	//itemVisibleOutCallback: itemVisibleOut,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	// painel bottom
	j(document).delegate('.btn_painel','mouseenter',function() {
		j('#slider').animate({height:415});
			}).delegate('#slider','mouseleave',function() {
		j('#slider').animate({height:235});
	});
	
	//btn contato index
	j('.btn_contato').click(function() {
		j('#slider').animate({height:415});
	});
	
	// botao visitar o site
	j('.btn_contato')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		j(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:500})
	})
	.mouseout(function(){
		j(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500, complete:function(){
			j(this).css({backgroundPosition: "0 0"})
		}})
	})
	
	// tooltip
	j(".metodologia_agencia h2").tooltip({ effect: 'slide' });
	j(".equipe figure").tooltip({ effect: 'slide' });
	
	// topo
	j().UItoTop({ easingType: 'easeOutQuart' });
	
	// fport
	var jfilterType = j('#filterOptions li.active a').attr('class');
	var jholder = j('ul.ourHolder');
	var jdata = jholder.clone();
		j('#filterOptions li a').click(function(e) {
		j('#filterOptions li').removeClass('active');
		var jfilterType = j(this).attr('class');
		j(this).parent().addClass('active');
	if (jfilterType == 'all') {
		  var jfilteredData = jdata.find('li');
	}
	else {
		var jfilteredData = jdata.find('li[data-type=' + jfilterType + ']');
		}
		jholder.quicksand(jfilteredData, {
			duration: 1000,
			easing: 'easeInOutQuad',
			adjustHeight: 'dynamic'
		});
		return false;
	});
		
	// botao visitar o site
	j('.btn_efeito')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		j(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:500})
	})
	.mouseout(function(){
		j(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500, complete:function(){
			j(this).css({backgroundPosition: "0 0"})
		}})
	})
	
	// target blank
	j("a[rel*=external]").attr('target','_blank');
	
	// fade
	j(".clientes_home figure img").hover(
		function() {
			j(this).stop().animate({"opacity": "0"}, "slow");
		},
		function() {
		j(this).stop().animate({"opacity": "1"}, "slow");
	});
	
	// file uoload
	j("input.curriculo").filestyle({
        image: "/images/botao-anexar.png",
        imageheight : 40,
        imagewidth : 50,
        width : 325
    });
		
	// form validation
	var jVal = {
	'nome' : function() {
		
			j('body').append('<div id="nomeInfo" class="info"></div>');
			
			var nomeInfo = j('#nomeInfo');
			var ele = j('#nome');
			var pos = ele.offset();
			
			nomeInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+25
			});
			
			if(ele.val() == 'seu nome') {
				jVal.errors = true;
				nomeInfo.removeClass('correct').addClass('error').html('&larr; seu nome').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 6) {
				jVal.errors = true;
					nomeInfo.removeClass('correct').addClass('error').html('&larr; seu nome').show();
					ele.removeClass('normal').addClass('wrong');				
			} else {
					nomeInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'curriculo' : function() {
			
			j('body').append('<div id="curriculoInfo" class="info"></div>');
			
			var curriculoInfo = j('#curriculoInfo');
			var ele = j('#curriculo');
			var pos = ele.offset();
			
			curriculoInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()-118
			});
			
			if(ele.val().length < 2) {
				jVal.errors = true;
					curriculoInfo.removeClass('correct').addClass('error').html('&larr; Anexe seu curr&iacute;').show();
					ele.removeClass('normal').addClass('wrong');				
			} else {
					curriculoInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
	
	
		'email' : function() {
		
			j('body').append('<div id="emailInfo" class="info"></div>');
		
			var emailInfo = j('#emailInfo');
			var ele = j('#email');
			var pos = ele.offset();
			
			emailInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+25
			});
			
			var patt = /^.+@.+[.].{2,}$/i;
			
			if(ele.val() == 'Digite seu e-mail') {
				jVal.errors = true;
				emailInfo.removeClass('correct').addClass('error').html('&larr; Digite seu e-mail').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(!patt.test(ele.val())) {
				jVal.errors = true;
				emailInfo.removeClass('correct').addClass('error').html('&larr; E-mail inv&aacute;lido').show();
				ele.removeClass('normal').addClass('wrong');
			} else {
				emailInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'mensagem' : function() {
		
			j('body').append('<div id="mensagemInfo" class="info"></div>');
		
			var mensagemInfo = j('#mensagemInfo');
			var ele = j('#mensagem');
			var pos = ele.offset();
			
			mensagemInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+25
			});
			
			if(ele.val() == 'mensagem') {
				jVal.errors = true;
				mensagemInfo.removeClass('correct').addClass('error').html('&larr; mensagem').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 1) {
				jVal.errors = true;
					mensagemInfo.removeClass('correct').addClass('error').html('&larr; mensagem').show();
					ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
			} else {
					mensagemInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'telefone' : function() {
		
			j('body').append('<div id="telefoneInfo" class="info"></div>');
		
			var mensagemInfo = j('#telefoneInfo');
			var ele = j('#telefone');
			var pos = ele.offset();
			
			mensagemInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+25
			});
			
			if(ele.val() == 'seu telefone') {
				jVal.errors = true;
				mensagemInfo.removeClass('correct').addClass('error').html('&larr; telefone').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 1) {
				jVal.errors = true;
					mensagemInfo.removeClass('correct').addClass('error').html('&larr; telefone').show();
					ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
			} else {
					mensagemInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'descricao' : function() {
		
			j('body').append('<div id="descricaoInfo" class="info"></div>');
		
			var mensagemInfo = j('#descricaoInfo');
			var ele = j('#descricao');
			var pos = ele.offset();
			
			mensagemInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+25
			});
			
			if(ele.val() == 'descreva seu projeto') {
				jVal.errors = true;
				mensagemInfo.removeClass('correct').addClass('error').html('&larr; descri&ccedil;&atilde;o').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 1) {
				jVal.errors = true;
					mensagemInfo.removeClass('correct').addClass('error').html('&larr; descri&ccedil;&atilde;o').show();
					ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
			} else {
					mensagemInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'randomfield' : function() {
		
			j('body').append('<div id="randomfieldInfo" class="info"></div>');
			
			var randomfieldInfo = j('#randomfieldInfo');
			var ele = j('#randomfield');
			var pos = ele.offset();
			
			randomfieldInfo.css({
				top: pos.top+3,
				left: pos.left+ele.width()+100
			});
			
			if(ele.val().length < 4) {
				jVal.errors = true;
					randomfieldInfo.removeClass('correct').addClass('error').html('&larr; Digite o c&oacute;digo ao lado').show();
					ele.removeClass('normal').addClass('wrong');				
			} else {
					randomfieldInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
	// form validation
		'nome_b' : function() {
		
			j('.col_panel_right').append('<div id="nomeInfo_b" class="info"></div>');
			
			var nomeInfo = j('#nomeInfo_b');
			var ele = j('#nome_b');
			var pos = ele.offset();
			
			nomeInfo.css({
				top: 4,
				left: 280
			});
			
			if(ele.val() == 'seu nome') {
				jVal.errors = true;
				nomeInfo.removeClass('correct').addClass('error').html('&larr; seu nome').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 6) {
				jVal.errors = true;
					nomeInfo.removeClass('correct').addClass('error').html('&larr; seu nome').show();
					ele.removeClass('normal').addClass('wrong');				
			} else {
					nomeInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'email_b' : function() {
		
			j('.col_panel_right').append('<div id="emailInfo_b" class="info"></div>');
		
			var emailInfo = j('#emailInfo_b');
			var ele = j('#email_b');
			var pos = ele.offset();
			
			emailInfo.css({
				top: 54,
				left: 280
			});
			
			var patt = /^.+@.+[.].{2,}$/i;
			
			if(ele.val() == 'Digite seu e-mail') {
				jVal.errors = true;
				emailInfo.removeClass('correct').addClass('error').html('&larr; Digite seu e-mail').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(!patt.test(ele.val())) {
				jVal.errors = true;
				emailInfo.removeClass('correct').addClass('error').html('&larr; E-mail inv&aacute;lido').show();
				ele.removeClass('normal').addClass('wrong');
			} else {
				emailInfo.removeClass('error').addClass('correct').html('&radic;').show();
				ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'mensagem_b' : function() {
		
			j('.col_panel_right').append('<div id="mensagemInfo_b" class="info"></div>');
		
			var mensagemInfo = j('#mensagemInfo_b');
			var ele = j('#mensagem_b');
			var pos = ele.offset();
			
			mensagemInfo.css({
				top: 4,
				left: 569
			});
			
			if(ele.val() == 'mensagem') {
				jVal.errors = true;
				mensagemInfo.removeClass('correct').addClass('error').html('&larr; mensagem').show();
				ele.removeClass('normal').addClass('wrong');
			} else if(ele.val().length < 1) {
				jVal.errors = true;
					mensagemInfo.removeClass('correct').addClass('error').html('&larr; mensagem').show();
					ele.removeClass('normal').addClass('wrong').css({'font-weight': 'normal'});		
			} else {
					mensagemInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
		
		'randomfield_b' : function() {
		
			j('.col_panel_right').append('<div id="randomfieldInfo_b" class="info"></div>');
			
			var randomfieldInfo = j('#randomfieldInfo_b');
			var ele = j('#randomfield_b');
			var pos = ele.offset();
			
			randomfieldInfo.css({
				top: 105,
				left: 423
			});
			
			if(ele.val().length < 4) {
				jVal.errors = true;
					randomfieldInfo.removeClass('correct').addClass('error').html('&larr; Copie o c&oacute;digo').show();
					ele.removeClass('normal').addClass('wrong');				
			} else {
					randomfieldInfo.removeClass('error').addClass('correct').html('&radic;').show();
					ele.removeClass('wrong').addClass('normal');
			}
		},
				
		'sendIt' : function (){
			if(!jVal.errors) {
				j('#jform').submit();
			}
		}
	};
	
	j('#send').click(function (){
		var obj = j.browser.webkit ? j('body') : j('html');
		obj.animate({ scrollTop: j('#jform').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.nome();
			jVal.email();
			jVal.mensagem();
			jVal.randomfield();
			jVal.sendIt();
		});
		return false;
	});
	
	j('#send_c').click(function (){
		var obj = j.browser.webkit ? j('body') : j('html');
		obj.animate({ scrollTop: j('#jform').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.nome();
			jVal.email();
			jVal.curriculo();
			jVal.mensagem();
			jVal.randomfield();
			jVal.sendIt();
		});
		return false;
	});
	
	j('#send_b').click(function (){
		var obj = j.browser.webkit ? j('body') : j('html');
		obj.animate({ scrollTop: j('#jform_b').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.nome_b();
			jVal.email_b();
			jVal.mensagem_b();
			jVal.randomfield_b();
			jVal.sendIt();
		});
		return false;
	});
	
	j('#send_o').click(function (){
		var obj = j.browser.webkit ? j('body') : j('html');
		obj.animate({ scrollTop: j('#jform').offset().top }, 750, function (){
			jVal.errors = false;
			jVal.nome();
			jVal.email();
			jVal.telefone();
			jVal.descricao();
			jVal.randomfield();
			jVal.sendIt();
		});
		return false;
	});
	
	j('#nome').change(jVal.nome);
	j('#email').change(jVal.email);
	j('#curriculo').change(jVal.curriculo);
	j('#mensagem').change(jVal.mensagem);
	j('#randomfield').change(jVal.randomfield);
	j('#nome_b').change(jVal.nome_b);
	j('#email_b').change(jVal.email_b);
	j('#mensagem_b').change(jVal.mensagem_b);
	j('#randomfield_b').change(jVal.randomfield_b);
	
});