var App = function(){

	
	/* ========
	MENU 
	=========*/
	var handleMenu = function(){

		var items = $('#menu ul:first-child > li');

		items.each(function(i) {
			$(this).delay( i * 150 ).animate({'marginLeft' : 0}, 1200, 'easeOutBack');
		});

	}


	/* ==========
	BACKGROUND 
	============*/
	var handleBg = function() {
		
		$('#wrapper').cycle({ fx: 'fade', timeout: 5000, speed: 1000 });
		$('#box-central .box-produto').cycle({ fx: 'fade', timeout: 3200, speed: 800 });

		$('#box-projetos .box-projeto').cycle({ 
			fx: 'fade', 
			timeout: 0, 
			speed: 800, 
			next: '.seta-galeria'
		});
		
		$('#box-projetos .texto-projeto').cycle({ 
			slideExpr: 'div', 
			fx: 'fade', 
			timeout: 0, 
			speed: 800, 
			next: '.seta-galeria-caption'
		});

		$('#box-projetos .seta-galeria').on('click', function() {

			$('.seta-galeria-caption').trigger('click');	

		});

		document.onkeydown = function(){
			event = event || window.event;

			switch(event.keyCode || event.which){
				case 39 : 
				$('.seta-galeria-caption, #box-projetos .seta-galeria').trigger('click');	
				break;

				/*default: 
				alert(event.keyCode);*/
				
			}
		}


		// Troca BG toda vez que entrar na página (somente nas páginas internas)
		var bgs = ['http://www.custompersianas.com.br/img/bg-1.jpg', 'http://www.custompersianas.com.br/img/bg-2.jpg', 'http://www.custompersianas.com.br/img/bg-3.jpg'];
		var rand = Math.floor(Math.random() * bgs.length);
		var sorted = bgs[rand];
		$('.interna').css('backgroundImage', 'url('+sorted+')');

	}


	/* ===============
  FORM VALIDATION
  ==================*/
  var handleValidacao = function() {

    $('#send-form-btn').bind('click', function() {
       
       var form = $(this).closest('form');     
       var nome = $('#nome'), email = $('#email'), tel = $('#tel'), msg = $('#msg');
       var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
       var warn = '<span class="form-warning">Campo obrigat\u00f3rio.</span>';

       //console.log('Form: ' + form.serialize());
        
        if( nome.val() == ''){ // nome
            $('.form-warning').remove();
            nome.after(warn);
        }

        else if( tel.val() == ''){ // telefone
            $('.form-warning').remove();
            tel.after(warn);
        }

        else if( email.val() == ''){ // email
            $('.form-warning').remove();
            email.after(warn);
        }

        else if( !emailReg.test( email.val() ) ){
            $('.form-warning').remove();
            email.after(warn);
            email.next('.form-warning').html('E-mail inv\u00e1lido.');
        }

        else if( msg.val() == ''){ // mensagem
            $('.form-warning').remove();
            msg.after(warn);
        }            

        else{
            
            $('.form-warning').remove();
            
            /*console.log('foi!');
            form.find('div').remove();
            form.html('<p class="feedback-contato">' +
                'Formulário enviado com sucesso.' +
                '<br>' + 
                'Lorem ipsum dolor sit amet, consectetur adipisicing elit.' +
            '</p>');*/

            $.post('processa.asp?envia=sim', { 
            	
            	nome : nome.val(),
            	email : email.val(),
            	telefone : tel.val(),
            	mensagem : msg.val()

             }, function(response) {
              
              //console.log('Retorno: ' + response);
              
              if(response == 'sucesso'){
                form.find('div').remove();
                form.html('<p class="feedback-contato">Agradecemos o seu contato.<br>Retornaremos sua mensagem em até 24 horas úteis.</p>');    
              } 

            });
        }

    });

  }

  /*==========
	TOOLTIP
	============*/
	var handleTooltip = function() {
 
		$('.tooltip-link').on('mouseover', function(e) { // mouseover
			
			var tooltipEl = '<span class="tooltip"></span>';
			tooltipContent = $(this).attr('data-title');
		
			$('body').append(tooltipEl);
 
			$('.tooltip').css({ 
				'top' : (e.pageY - 20) + 'px',
				'left' : (e.pageX + 20) + 'px'	
			}).text(tooltipContent).fadeIn('fast');
 
		}).on('mousemove', function(e) { // mousemove
 
			
			$('.tooltip').css({ 
				'top' : (e.pageY - 20) + 'px',
				'left' : (e.pageX + 20) + 'px'	
			}).text(tooltipContent).fadeIn('fast');
 
		}).on('mouseleave', function() { // mouseleave
 
 
			$('.tooltip').fadeOut('fast', function() {
				$(this).remove();
			});
 
		});
 
	}

	return {
		
		init: function(){

			handleMenu();
			handleBg();
			handleValidacao();
			handleTooltip();

		}

	}

}();

/*============
CHAMADA
==============*/
App.init();