/* 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());

// 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;
									console.log( 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&aacute;lido<br/>",
			mensagem: "Digite uma mensagem<br/>"
		}
	});*/
});