/* Aurora Creative Business
* @author Guga Carvalho | Front-end Engineer
* @version 1.0
* @date October 07, 2011
* @copyright (c) 2011 Aurora Creative - http://www.aurora.ag
*/
var sect1Height = $("#highlights").height();
var sect2Height = $("#who").height() + sect1Height;
var sect3Height = $("#portfolio").height() + sect2Height;
var sect4Height = $("#news").height() + sect3Height;
var sectAtual = 1;
$("#contact").css("height", $(window).height());
console.log(sect3Height);
// alert($("#portfolio").height());
$(function() {
$('section#highlights-news article').last().css('margin-right', '0');
$('html, body').animate({
scrollTop: '0'
}, 500);
/* Validacao formulario */
function validaForm() {
var formulario = document.getElementById('form_contact');
var errosForm = 0;
el = formulario.elements;
tamanho = formulario.elements.length;
valMail = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
for (i = 0; i < tamanho; i++) {
if (el[i].name != 'enviar' && (el[i].value == '' || el[i].value == el[i].defaultValue)) {
el[i].style.borderColor = 'red';
errosForm++;
}
}
if (!valMail.test(formulario.email.value)) {
formulario.email.style.borderColor = 'red';
$(".error").css('color', 'red').text('* Campos em destaque são necessários ser preenchidos corretamente.').show();
errosForm++;
}
if (errosForm > 0) {
$('.error').fadeIn(500);
return false
} else {
$('.error').fadeOut(500);
$.ajax({
type: "POST",
url: "contato.php",
data: $(formulario).serialize(),
success: function(data) {
$('.error').css('color', 'green').text(data).show();
formulario.reset();
}
});
}
return false;
}
$('#form_contact').submit(function() {
return validaForm();
});
$('#form_contact input[type=text], .mensagem').blur(function() {
if ($(this).val() != '') {
$(this).css({
borderColor: '#999'
});
} else {
$(this).css({
borderColor: 'red'
});
$('.error').css('color', 'red').text('* Campos em destaque são necessários ser preenchidos corretamente.');
}
});
/*$('#fone_fixo, #celular').focus(function(){
if(this.value == this.defaultValue)
$(this).attr('value','');
});
$('#fone_fixo, #celular').blur(function(){
if(this.value == ''){
$(this).attr('value',this.defaultValue);
}
if($(this).val().length < 14){
$(this).css({ borderColor : 'red' });
}
});*/
/* Fim Validacao formulario */
/**************************** SCROLL EFFECTS *********************************/
window.onload = function() {
var limit = document.getElementById('page-header');
var highlights = document.getElementById('who');
var who = document.getElementById('who');
var portfolio = document.getElementById('portfolio');
var news = document.getElementById('news');
var contact = document.getElementById('contact');
var top = document.getElementById('highlights');
var init = top.offsetTop;
var docked;
/*
var sect1Height = $("#highlights").height();
var sect2Height = $("#who").height()+sect1Height;
var sect3Height = $("#portfolio").height()+sect2Height;
var sect4Height = $("#news").height()+sect3Height;
var sectAtual = 1;
*/
// console.log( sect3Height );
var cont1 = 1;
var cont2 = 0;
var cont3 = 0;
var cont4 = 0;
var cont5 = 0;
setTimeout(function() {
sect4Height = $("#news").height() + sect3Height;
}, 1600);
//$(function(){
$('#highlights-news p').click(function() {
$('body, html').animate({
'scrollTop': $('#news').offset().top + 1
}, 1500, 'easeInOutExpo');
});
$('.more-clients').toggle(function() {
$('#highlights').animate({
height: '950px'
}, 500);
$('section#clients').animate({
height: '180px'
}, 500, function() {
sect1Height = $("#highlights").height();
sect2Height = $("#who").height() + sect1Height;
sect3Height = $("#portfolio").height() + sect2Height;
sect4Height = $("#news").height() + sect3Height;
});
$('body, html').animate({
'scrollTop': '600px'
}, 500);
$(this).css('background-position', '0 -14px');
}, function() {
$('#highlights').animate({
height: '880px'
}, 500);
$('section#clients').animate({
height: '80px'
}, 500, function() {
sect1Height = $("#highlights").height();
sect2Height = $("#who").height() + sect1Height;
sect3Height = $("#portfolio").height() + sect2Height;
sect4Height = $("#news").height() + sect3Height;
});
//$('body, html').animate({ 'scrollTop': '0' }, 500);
$(this).css('background-position', '0 0');
});
//});
// console.log($("#highlights").height(), $("#who").height(), $("#portfolio").height(), $("#news").height());
window.onscroll = function() {
// highlights effect header
var spanHighlights = $('#bg-header-highlights');
spanHighlights.stop();
// who effect header
var spanWho = $('#bg-header-who').find("span");
spanWho.stop();
if (who.offsetTop - scrollTop() >= 110) {
spanWho.css("height", "0");
}
spanWho.css("height", 109 - (who.offsetTop - scrollTop()) + 1);
if (who.offsetTop - scrollTop() <= 0) {
spanWho.css("height", "110px");
}
// portfolio effect header
var spanPortfolio = $('#bg-header-portfolio').find("span");
spanPortfolio.stop();
if (portfolio.offsetTop - scrollTop() >= 110) {
spanPortfolio.css("height", "0");
}
spanPortfolio.css("height", 109 - (portfolio.offsetTop - scrollTop()) + 1);
if (portfolio.offsetTop - scrollTop() <= 0) {
spanPortfolio.css("height", "110");
}
// news effect header
var spanNews = $('#bg-header-news').find("span");
spanNews.stop();
if (news.offsetTop - scrollTop() >= 110) {
spanNews.css("height", "0");
}
spanNews.css("height", 109 - (news.offsetTop - scrollTop()) + 1);
if (news.offsetTop - scrollTop() <= 0) {
spanNews.css("height", "110");
}
// contact effect header
var spanContact = $('#bg-header-contact').find("span");
spanContact.stop();
if (contact.offsetTop - scrollTop() >= 110) {
spanContact.css("height", "0");
}
spanContact.css("height", 109 - (contact.offsetTop - scrollTop()) + 1);
if (contact.offsetTop - scrollTop() <= 0) {
spanContact.css("height", "110");
}
// position of column portfolio
var columnLeft = $("#portfolio div.column-left");
columnLeft.stop();
if (portfolio.offsetTop - scrollTop() >= 0) {
columnLeft.css("position", "none");
columnLeft.css("position", "relative");
columnLeft.css("top", "0");
columnLeft.css("left", "0");
} else if (portfolio.offsetTop - scrollTop() <= -($('#content-project').height() - 318)) {
columnLeft.css("position", "none");
columnLeft.css("position", "relative");
columnLeft.css("top", ($('#content-project').height() - 318));
columnLeft.css("left", "0");
} else {
columnLeft.css("position", "none");
columnLeft.css("position", "fixed");
columnLeft.css("top", "143px");
columnLeft.css("left", ($(window).width() - 960) / 2);
}
// section active
if (scrollTop() < (sect1Height - 45)) {
// highlights
sectAtual = 1;
}
if (scrollTop() > (sect1Height - 45)) {
// who
sectAtual = 2;
}
if (scrollTop() > (sect2Height - 45)) {
// portfolio
sectAtual = 3;
}
if (scrollTop() > (sect3Height - 45)) {
// news
sectAtual = 4;
}
if (scrollTop() > (sect4Height - 45)) {
// contact
sectAtual = 5;
}
if (sectAtual == 1 && cont1 != 1) {
// console.log('section 1');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({
"color": "rgb(51,51,51)"
}, 200, function() {
$("nav a span.active").stop().animate({
"color": "rgb(153,153,153)"
}, 200);
});
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({
"marginTop": "-20.5px"
}, function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
$("#page-header nav a span.white").css("display", "none");
cont1 = 1;
cont2 = 0;
cont3 = 0;
cont4 = 0;
cont5 = 0;
}
if (sectAtual == 2 && cont2 != 1) {
// console.log('section 2');
$("#page-header nav a.nav-who").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({
"color": "rgb(204,204,204)"
}, 200, function() {
$("nav a span.active").stop().animate({
"color": "rgb(255,255,255)"
}, 200);
});
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({
"marginTop": "-20.5px"
}, function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
$("#page-header nav a span.white").css("display", "block");
cont1 = 0;
cont2 = 1;
cont3 = 0;
cont4 = 0;
cont5 = 0;
}
if (sectAtual == 3 && cont3 != 1) {
// console.log('section 3');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({
"color": "rgb(51,51,51)"
}, 200, function() {
$("nav a span.active").stop().animate({
"color": "rgb(153,153,153)"
}, 200);
});
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({
"marginTop": "-20.5px"
}, function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
$("#page-header nav a span.white").css("display", "none");
cont1 = 0;
cont2 = 0;
cont3 = 1;
cont4 = 0;
cont5 = 0;
}
if (sectAtual == 4 && cont4 != 1) {
// console.log('section 4');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({
"color": "rgb(153,153,153)"
}, 200, function() {
$("nav a span.active").stop().animate({
"color": "rgb(255,255,255)"
}, 200);
});
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({
"marginTop": "-20.5px"
}, function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
$("#page-header nav a span.white").css("display", "block");
cont1 = 0;
cont2 = 0;
cont3 = 0;
cont4 = 1;
cont5 = 0;
}
if (sectAtual == 5 && cont5 != 1) {
// console.log('section 5');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").addClass('active').removeClass('disabled');
$("nav a span").stop().animate({
"color": "rgb(51,51,51)"
}, 200, function() {
$("nav a span.active").stop().animate({
"color": "rgb(153,153,153)"
}, 200);
});
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({
"marginTop": "-20.5px"
}, function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast", function() {
$("#page-header nav a.active").find("span.active").css("margin-top", "-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
$("#page-header nav a span.white").css("display", "none");
cont1 = 0;
cont2 = 0;
cont3 = 0;
cont4 = 0;
cont5 = 1;
}
// contact nav position
/*
if(scrollTop() > ( sect4Height )) {
$("#page-header, #bg-header-contact").css({"position":"absolute", "top":sect4Height, "left":"0"});
} else {
$("#page-header, #bg-header-contact").css({"position":"fixed", "top":"0", "left":"0"});
}
*/
};
$("#page-header nav a").click(function() {
$(this).parent().find('a.active').removeClass('active').addClass('disabled');
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
$(this).addClass('active').removeClass('disabled').find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast");
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
} else {
$(this).addClass('active').removeClass('disabled').find("span.active").css({
"marginTop": "-20.5px"
});
$("#page-header nav a.disabled").find("span.active").css({
"marginTop": "0px"
});
}
} else {
$(this).addClass('active').removeClass('disabled').find("span.active").stop().animate({
"marginTop": "-20.5px"
}, "fast");
$("#page-header nav a.disabled").find("span.active").stop().animate({
"marginTop": "0px"
}, "fast");
}
});
};
function scrollTop() {
return document.body.scrollTop || document.documentElement.scrollTop;
} /**************************** SCROLL EFFECTS *********************************/
/**************************** HOVER NAV *********************************/
$("#page-header nav a").hover(function() {
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({
"marginTop": "-20px"
}, 300);
}
} else {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().css({
"marginTop": "-20px"
});
}
}
} else {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({
"marginTop": "-20px"
}, 300);
}
}
}, function() {
if ($.browser.msie) {
if (parseInt($.browser.version, 10) > 8) {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({
"marginTop": "0px"
}, 300);
}
} else {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().css({
"marginTop": "0px"
});
}
}
} else {
if (!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({
"marginTop": "0px"
}, 300);
}
}
}); /**************************** HOVER NAV *********************************/
/**************************** BT SEND HOVER *********************************/
$(".bt-hover").hover(function() {
$(this).stop().animate({
"color": "rgb(255,255,255)",
"backgroundColor": "rgb(153,153,153)"
}, 500);
}, function() {
$(this).stop().animate({
"color": "rgb(102,102,102)",
"backgroundColor": "rgb(255,255,255)"
}, 500);
}); /**************************** BT SEND HOVER *********************************/
/**************************** HOVER TEAM *********************************/
$("#team ul li a").hover(function() {
$(this).find("figure").stop().animate({
"top": "-160px"
}, 500, 'easeInOutExpo');
}, function() {
$(this).find("figure").stop().animate({
"top": "0px"
}, 500, 'easeInOutExpo');
}); /**************************** HOVER TEAM *********************************/
/**************************** ANCHOR *********************************/
$('.anchor').click(function() {
var goto = $(this).attr('href');
var ptop = $(goto).position().top + 1;
var limit = $('#highlights').height();
$('body, html').animate({
'scrollTop': ptop
}, 1500, 'easeInOutExpo');
return false;
}); /**************************** ANCHOR *********************************/
/**************************** AJAX PORTFOLIO *********************************/
$("#portfolio .column-left ul li a").click(function() {
$("html,body").animate({
scrollTop: $("#content-project").offset().top - 142
}, 500);
$("#portfolio .column-left ul li a").css("text-decoration", "none");
$(this).css("text-decoration", "line-through");
$('.description-project').css({
height: $('.description-project .inner').height()
})
$("#portfolio").css('height', $("#portfolio").height());
$('#content-project').fadeOut(500);
$('.description-project > *').animate({
opacity: 0
}, 500);
$('#portfolio #loading').fadeIn(500);
$.ajax({
url: $(this).attr("href"),
type: "post",
dataType: "html",
data: 'mode=ajax',
success: function(data) {
setTimeout(function() {
$('#content-project').html(data);
var img = $('.description-project-ajax img');
$(img).load(function() {
var title = $('.description-project-ajax h1').text();
var text = $('.description-project-ajax p').text();
if ($('.description-project-ajax a')) {
var linkName = $('.description-project-ajax a').text();
var linkValue = $('.description-project-ajax a').attr("href");
}
var _iframe = $('.description-project-ajax iframe');
$('#content-project').empty().append(img);
if (_iframe) {
$('#content-project').append(_iframe);
}
$(".description-project h1").html(title).fadeIn(500);
$(".description-project p").html(text).fadeIn(500);
if (linkName) {
$(".description-project a").html(linkName).attr("href", linkValue).fadeIn(500);
} else {
$(".description-project a").html('');
}
$('#portfolio #loading').fadeOut(500, function() {
$('#content-project').fadeIn(500, function() { /* Redimensiona a section de portfolio */
var portfolioHeight = $('#portfolio .limits').height() + 300;
// alert(portfolioHeight);
$('#portfolio').animate({
height: portfolioHeight
}, 500, function() {
sect1Height = $("#highlights").height();
sect2Height = $("#who").height() + sect1Height;
sect3Height = portfolioHeight + sect2Height;
sect4Height = $("#news").height() + sect3Height;
});
});
$('.description-project').animate({
height: $('.description-project .inner').height()
}, 500);
$('.description-project > *').animate({
opacity: 1
}, 500);
});
});
}, 700);
}
});
return false;
}); /**************************** AJAX PORTFOLIO *********************************/
/*
$("#form_contact").submit(function(){
if($("#form_contact .mensagem").value('Mensagem')) {
$("#form_contact .mensagem").value('');
}
});
$("#form_contact").validate({
rules: {
nome: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
},
mensagem: "required"
},
messages: {
nome: "Preencha seu nome<br/>",
email: "Digite um email válido<br/>",
mensagem: "Digite uma mensagem<br/>"
}
});*/
});
/* CORRIGI BUG NO PARALLAX DO FIREFOX */
(function(doc) {
var root = doc.documentElement;
// Not ideal, but better than UA sniffing.
if ("MozAppearance" in root.style) {
// determine the vertical scrollbar width
var scrollbarWidth = root.clientWidth;
root.style.overflow = "scroll";
scrollbarWidth -= root.clientWidth;
root.style.overflow = "";
// create a synthetic scroll event
var scrollEvent = doc.createEvent("UIEvent")
scrollEvent.initEvent("scroll", true, true);
// event dispatcher
function scrollHandler() {
doc.dispatchEvent(scrollEvent)
}
// detect mouse events in the document scrollbar track
doc.addEventListener("mousedown", function(e) {
if (e.clientX > root.clientWidth - scrollbarWidth) {
doc.addEventListener("mousemove", scrollHandler, false);
doc.addEventListener("mouseup", function() {
doc.removeEventListener("mouseup", arguments.callee, false);
doc.removeEventListener("mousemove", scrollHandler, false);
}, false)
}
}, false)
// override mouse wheel behaviour.
doc.addEventListener("DOMMouseScroll", function(e) {
// Don't disable hot key behaviours
if (!e.ctrlKey && !e.shiftKey) {
root.scrollTop += e.detail * 16;
scrollHandler.call(this, e);
e.preventDefault()
}
}, false)
}
})(document);
/* Aurora Creative Business
* @author Guga Carvalho | Front-end Engineer
* @version 1.0
* @date October 07, 2011
* @copyright (c) 2011 Aurora Creative - http://www.aurora.ag
*/
var sect1Height = $("#highlights").height();
var sect2Height = $("#who").height()+sect1Height;
var sect3Height = $("#portfolio").height()+sect2Height;
var sect4Height = $("#news").height()+sect3Height;
var sectAtual = 1;
$("#contact").css("height",$(window).height());
console.log(sect3Height);
// alert($("#portfolio").height());
$(function(){
$('section#highlights-news article').last().css('margin-right','0');
$('html, body').animate({ scrollTop:'0'},500);
/* Validacao formulario */
function validaForm(){
var formulario = document.getElementById('form_contact');
var errosForm = 0;
el = formulario.elements;
tamanho = formulario.elements.length;
valMail = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
for(i = 0; i < tamanho; i++){
if( el[i].name != 'enviar' && ( el[i].value == '' || el[i].value == el[i].defaultValue ) ){
el[i].style.borderColor = 'red';
errosForm++;
}
}
if( ! valMail.test(formulario.email.value) ){
formulario.email.style.borderColor = 'red';
$(".error").css('color','red').text('* Campos em destaque são necessários ser preenchidos corretamente.').show();
errosForm++;
}
if( errosForm > 0 ){
$('.error').fadeIn(500);
return false
} else {
$('.error').fadeOut(500);
$.ajax({
type: "POST",
url: "contato.php",
data: $(formulario).serialize(),
success: function(data){
$('.error').css('color','green').text(data).show();
formulario.reset();
}
});
}
return false;
}
$('#form_contact').submit(function(){
return validaForm();
});
$('#form_contact input[type=text], .mensagem').blur(function(){
if( $(this).val() != '' ){
$(this).css({ borderColor : '#999' });
}
else {
$(this).css({ borderColor : 'red' });
$('.error').css('color','red').text('* Campos em destaque são necessários ser preenchidos corretamente.');
}
});
/*$('#fone_fixo, #celular').focus(function(){
if(this.value == this.defaultValue)
$(this).attr('value','');
});
$('#fone_fixo, #celular').blur(function(){
if(this.value == ''){
$(this).attr('value',this.defaultValue);
}
if($(this).val().length < 14){
$(this).css({ borderColor : 'red' });
}
});*/
/* Fim Validacao formulario */
/**************************** SCROLL EFFECTS *********************************/
window.onload = function(){
var limit = document.getElementById('page-header');
var highlights = document.getElementById('who');
var who = document.getElementById('who');
var portfolio = document.getElementById('portfolio');
var news = document.getElementById('news');
var contact = document.getElementById('contact');
var top = document.getElementById('highlights');
var init = top.offsetTop;
var docked;
/*
var sect1Height = $("#highlights").height();
var sect2Height = $("#who").height()+sect1Height;
var sect3Height = $("#portfolio").height()+sect2Height;
var sect4Height = $("#news").height()+sect3Height;
var sectAtual = 1;
*/
// console.log( sect3Height );
var cont1 = 1;
var cont2 = 0;
var cont3 = 0;
var cont4 = 0;
var cont5 = 0;
setTimeout(function(){
sect4Height = $("#news").height()+sect3Height;
},1600);
//$(function(){
$('#highlights-news p').click(function(){
$('body, html').animate({
'scrollTop': $('#news').offset().top + 1
}, 1500, 'easeInOutExpo');
});
$('.more-clients').toggle(function(){
$('#highlights').animate({ height: '950px' }, 500);
$('section#clients').animate({ height : '180px' }, 500, function(){
sect1Height = $("#highlights").height();
sect2Height = $("#who").height()+sect1Height;
sect3Height = $("#portfolio").height()+sect2Height;
sect4Height = $("#news").height()+sect3Height;
});
$('body, html').animate({ 'scrollTop': '600px' }, 500);
$(this).css('background-position','0 -14px');
},function(){
$('#highlights').animate({ height: '880px' }, 500);
$('section#clients').animate({ height : '80px' }, 500, function(){
sect1Height = $("#highlights").height();
sect2Height = $("#who").height()+sect1Height;
sect3Height = $("#portfolio").height()+sect2Height;
sect4Height = $("#news").height()+sect3Height;
});
//$('body, html').animate({ 'scrollTop': '0' }, 500);
$(this).css('background-position','0 0');
});
//});
// console.log($("#highlights").height(), $("#who").height(), $("#portfolio").height(), $("#news").height());
window.onscroll = function(){
// highlights effect header
var spanHighlights = $('#bg-header-highlights');
spanHighlights.stop();
// who effect header
var spanWho = $('#bg-header-who').find("span");
spanWho.stop();
if(who.offsetTop - scrollTop() >= 110) {spanWho.css("height","0");}
spanWho.css("height", 109 - (who.offsetTop - scrollTop()) + 1);
if(who.offsetTop - scrollTop() <= 0) {spanWho.css("height","110px");}
// portfolio effect header
var spanPortfolio = $('#bg-header-portfolio').find("span");
spanPortfolio.stop();
if(portfolio.offsetTop - scrollTop() >= 110) {spanPortfolio.css("height","0");}
spanPortfolio.css("height", 109 - (portfolio.offsetTop - scrollTop()) + 1);
if(portfolio.offsetTop - scrollTop() <= 0) {spanPortfolio.css("height","110");}
// news effect header
var spanNews = $('#bg-header-news').find("span");
spanNews.stop();
if(news.offsetTop - scrollTop() >= 110) {spanNews.css("height","0");}
spanNews.css("height", 109 - (news.offsetTop - scrollTop()) + 1);
if(news.offsetTop - scrollTop() <= 0) {spanNews.css("height","110");}
// contact effect header
var spanContact = $('#bg-header-contact').find("span");
spanContact.stop();
if(contact.offsetTop - scrollTop() >= 110) {spanContact.css("height","0");}
spanContact.css("height", 109 - (contact.offsetTop - scrollTop()) + 1);
if(contact.offsetTop - scrollTop() <= 0) {spanContact.css("height","110");}
// position of column portfolio
var columnLeft = $("#portfolio div.column-left");
columnLeft.stop();
if(portfolio.offsetTop - scrollTop() >= 0) {
columnLeft.css("position","none");
columnLeft.css("position","relative");
columnLeft.css("top","0");
columnLeft.css("left","0");
} else if(portfolio.offsetTop - scrollTop() <= - ( $('#content-project').height() - 318 ) ) {
columnLeft.css("position","none");
columnLeft.css("position","relative");
columnLeft.css("top", ( $('#content-project').height() - 318 ) );
columnLeft.css("left","0");
} else {
columnLeft.css("position","none");
columnLeft.css("position","fixed");
columnLeft.css("top","143px");
columnLeft.css("left",($(window).width()-960)/2);
}
// section active
if(scrollTop() < ( sect1Height - 45 )) {
// highlights
sectAtual = 1;
}
if(scrollTop() > ( sect1Height - 45 )) {
// who
sectAtual = 2;
}
if(scrollTop() > ( sect2Height - 45 )) {
// portfolio
sectAtual = 3;
}
if(scrollTop() > ( sect3Height - 45 )) {
// news
sectAtual = 4;
}
if(scrollTop() > ( sect4Height - 45 )) {
// contact
sectAtual = 5;
}
if(sectAtual == 1 && cont1 != 1) {
// console.log('section 1');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({ "color":"rgb(51,51,51)" },200, function(){
$("nav a span.active").stop().animate({ "color":"rgb(153,153,153)" },200);
});
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({"marginTop":"-20.5px"}, function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
$("#page-header nav a span.white").css("display","none");
cont1 = 1;
cont2 = 0;
cont3 = 0;
cont4 = 0;
cont5 = 0;
}
if(sectAtual == 2 && cont2 != 1) {
// console.log('section 2');
$("#page-header nav a.nav-who").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({ "color":"rgb(204,204,204)"},200, function(){
$("nav a span.active").stop().animate({ "color":"rgb(255,255,255)"},200);
});
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({"marginTop":"-20.5px"}, function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
$("#page-header nav a span.white").css("display","block");
cont1 = 0;
cont2 = 1;
cont3 = 0;
cont4 = 0;
cont5 = 0;
}
if(sectAtual == 3 && cont3 != 1) {
// console.log('section 3');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({"color":"rgb(51,51,51)"},200, function(){
$("nav a span.active").stop().animate({"color":"rgb(153,153,153)"},200);
});
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({"marginTop":"-20.5px"}, function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
$("#page-header nav a span.white").css("display","none");
cont1 = 0;
cont2 = 0;
cont3 = 1;
cont4 = 0;
cont5 = 0;
}
if(sectAtual == 4 && cont4 != 1) {
// console.log('section 4');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").addClass('active').removeClass('disabled');
$("#page-header nav a.nav-contact").removeClass('active').addClass('disabled');
$("nav a span").stop().animate({"color":"rgb(153,153,153)"},200, function(){
$("nav a span.active").stop().animate({"color":"rgb(255,255,255)"},200);
});
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({"marginTop":"-20.5px"}, function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
$("#page-header nav a span.white").css("display","block");
cont1 = 0;
cont2 = 0;
cont3 = 0;
cont4 = 1;
cont5 = 0;
}
if(sectAtual == 5 && cont5 != 1) {
// console.log('section 5');
$("#page-header nav a.nav-who").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-portfolio").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-news").removeClass('active').addClass('disabled');
$("#page-header nav a.nav-contact").addClass('active').removeClass('disabled');
$("nav a span").stop().animate({"color":"rgb(51,51,51)"},200, function(){
$("nav a span.active").stop().animate({"color":"rgb(153,153,153)"},200);
});
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$("#page-header nav a.active").find("span.active").css({"marginTop":"-20.5px"}, function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$("#page-header nav a.active").find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast", function(){
$("#page-header nav a.active").find("span.active").css("margin-top","-20.5px");
});
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
$("#page-header nav a span.white").css("display","none");
cont1 = 0;
cont2 = 0;
cont3 = 0;
cont4 = 0;
cont5 = 1;
}
// contact nav position
/*
if(scrollTop() > ( sect4Height )) {
$("#page-header, #bg-header-contact").css({"position":"absolute", "top":sect4Height, "left":"0"});
} else {
$("#page-header, #bg-header-contact").css({"position":"fixed", "top":"0", "left":"0"});
}
*/
};
$("#page-header nav a").click(function(){
$(this).parent().find('a.active').removeClass('active').addClass('disabled');
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
$(this).addClass('active').removeClass('disabled').find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast");
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
} else {
$(this).addClass('active').removeClass('disabled').find("span.active").css({"marginTop":"-20.5px"});
$("#page-header nav a.disabled").find("span.active").css({"marginTop":"0px"});
}
} else {
$(this).addClass('active').removeClass('disabled').find("span.active").stop().animate({"marginTop":"-20.5px"}, "fast");
$("#page-header nav a.disabled").find("span.active").stop().animate({"marginTop":"0px"}, "fast");
}
});
};
function scrollTop() {
return document.body.scrollTop || document.documentElement.scrollTop;
}
/**************************** SCROLL EFFECTS *********************************/
/**************************** HOVER NAV *********************************/
$("#page-header nav a").hover(function(){
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({"marginTop":"-20px"}, 300);
}
} else {
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().css({"marginTop":"-20px"});
}
}
} else {
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({"marginTop":"-20px"}, 300);
}
}
}, function(){
if($.browser.msie) {
if( parseInt($.browser.version, 10) > 8){
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({"marginTop":"0px"}, 300);
}
} else {
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().css({"marginTop":"0px"});
}
}
} else {
if(!($(this).hasClass('facebook') || $(this).hasClass('twitter') || $(this).hasClass('active'))) {
$(this).find("span.active").stop().animate({"marginTop":"0px"}, 300);
}
}
});
/**************************** HOVER NAV *********************************/
/**************************** BT SEND HOVER *********************************/
$(".bt-hover").hover(function(){
$(this).stop().animate( { "color":"rgb(255,255,255)","backgroundColor":"rgb(153,153,153)" }, 500);
}, function(){
$(this).stop().animate( { "color":"rgb(102,102,102)","backgroundColor":"rgb(255,255,255)" }, 500);
});
/**************************** BT SEND HOVER *********************************/
/**************************** HOVER TEAM *********************************/
$("#team ul li a").hover(function(){
$(this).find("figure").stop().animate({"top":"-160px"}, 500, 'easeInOutExpo');
}, function(){
$(this).find("figure").stop().animate({"top":"0px"}, 500, 'easeInOutExpo');
});
/**************************** HOVER TEAM *********************************/
/**************************** ANCHOR *********************************/
$('.anchor').click(function(){
var goto = $(this).attr('href');
var ptop = $(goto).position().top+1;
var limit = $('#highlights').height();
$('body, html').animate({
'scrollTop': ptop
}, 1500, 'easeInOutExpo');
return false;
});
/**************************** ANCHOR *********************************/
/**************************** AJAX PORTFOLIO *********************************/
$("#portfolio .column-left ul li a").click(function(){
$("html,body").animate({scrollTop:$("#content-project").offset().top-142}, 500);
$("#portfolio .column-left ul li a").css("text-decoration","none");
$(this).css("text-decoration","line-through");
$('.description-project').css({ height : $('.description-project .inner').height() })
$("#portfolio").css('height', $("#portfolio").height() );
$('#content-project').fadeOut(500);
$('.description-project > *').animate({ opacity : 0 },500);
$('#portfolio #loading').fadeIn(500);
$.ajax({
url: $(this).attr("href"),
type: "post",
dataType: "html",
data : 'mode=ajax',
success: function(data) {
setTimeout(function(){
$('#content-project').html(data);
var img = $('.description-project-ajax img');
$(img).load(function(){
var title = $('.description-project-ajax h1').text();
var text = $('.description-project-ajax p').text();
if($('.description-project-ajax a')){
var linkName = $('.description-project-ajax a').text();
var linkValue = $('.description-project-ajax a').attr("href");
}
var _iframe = $('.description-project-ajax iframe');
$('#content-project').empty().append(img);
if(_iframe){
$('#content-project').append(_iframe);
}
$(".description-project h1").html(title).fadeIn(500);
$(".description-project p").html(text).fadeIn(500);
if(linkName){
$(".description-project a").html(linkName).attr("href", linkValue).fadeIn(500);
} else {
$(".description-project a").html('');
}
$('#portfolio #loading').fadeOut(500, function(){
$('#content-project').fadeIn(500, function(){
/* Redimensiona a section de portfolio */
var portfolioHeight = $('#portfolio .limits').height()+300;
// alert(portfolioHeight);
$('#portfolio').animate({ height : portfolioHeight }, 500, function(){
sect1Height = $("#highlights").height();
sect2Height = $("#who").height()+sect1Height;
sect3Height = portfolioHeight+sect2Height;
sect4Height = $("#news").height()+sect3Height;
});
});
$('.description-project').animate({ height : $('.description-project .inner').height() }, 500);
$('.description-project > *').animate({ opacity : 1 },500);
});
});
}, 700);
}
});
return false;
});
/**************************** AJAX PORTFOLIO *********************************/
/*
$("#form_contact").submit(function(){
if($("#form_contact .mensagem").value('Mensagem')) {
$("#form_contact .mensagem").value('');
}
});
$("#form_contact").validate({
rules: {
nome: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
},
mensagem: "required"
},
messages: {
nome: "Preencha seu nome<br/>",
email: "Digite um email válido<br/>",
mensagem: "Digite uma mensagem<br/>"
}
});*/
});
/* CORRIGI BUG NO PARALLAX DO FIREFOX */
(function(doc) {
var root = doc.documentElement;
// Not ideal, but better than UA sniffing.
if ("MozAppearance" in root.style) {
// determine the vertical scrollbar width
var scrollbarWidth = root.clientWidth;
root.style.overflow = "scroll";
scrollbarWidth -= root.clientWidth;
root.style.overflow = "";
// create a synthetic scroll event
var scrollEvent = doc.createEvent("UIEvent")
scrollEvent.initEvent("scroll", true, true);
// event dispatcher
function scrollHandler() {
doc.dispatchEvent(scrollEvent)
}
// detect mouse events in the document scrollbar track
doc.addEventListener("mousedown", function(e) {
if (e.clientX > root.clientWidth - scrollbarWidth) {
doc.addEventListener("mousemove", scrollHandler, false);
doc.addEventListener("mouseup", function() {
doc.removeEventListener("mouseup", arguments.callee, false);
doc.removeEventListener("mousemove", scrollHandler, false);
}, false)
}
}, false)
// override mouse wheel behaviour.
doc.addEventListener("DOMMouseScroll", function(e) {
// Don't disable hot key behaviours
if (!e.ctrlKey && !e.shiftKey) {
root.scrollTop += e.detail * 16;
scrollHandler.call(this, e);
e.preventDefault()
}
}, false)
}
})(document);
