$(function(){
	
	// APLICAÇÕES
	$('div.aplicacao h1 a').click(app.first);
	$('div.aplicacao div.sub h2 a').click(app.second);
	$('div.aplicacao div.sub div.type h3 a').click(app.third);
	$('div.aplicacao div.sub div.type div.spec h4 a').click(app.fourt);
	
	Shadowbox.init({
		troubleElements: ['select', 'canvas']
	});
});

var app = {
	d: 700, md: 1200, e: 'easeOutExpo',
	
	first: function() {
		$('div.aplicacao h1 a').css('background-image', 'url(imgs/a_b_p.jpg)').stop().animate({color: '#999999', paddingLeft: '25px'}, {duration: app.d, easing: app.e});
		$('div.aplicacao').animate({
			borderTopColor: '#FFFFFF',
			borderLeftColor: '#FFFFFF',
			borderRightColor: '#FFFFFF',
			borderBottomColor: '#FFFFFF'
		}, {duration: app.d});
			
		var isVisible = $(this).parent().parent().children('.inner').is(".innerShow");
		if(isVisible) {
			$('div.aplicacao div.inner').hide();
			$(this).parent().parent().children('.inner').removeClass("innerShow");
		} else {
			$(this).css('background-image', 'url(imgs/a_b_ph.jpg)').stop().animate({color: '#527e43', paddingLeft: '35px'}, {duration: app.d, easing: app.e});
			$('div.aplicacao div.inner').hide().removeClass("innerShow");
			$(this).parent().parent().children('.inner').stop().show().addClass("innerShow");	
			$(this).parent().parent().animate({
				borderTopColor: '#70BF28',
				borderLeftColor: '#70BF28',
				borderRightColor: '#70BF28',
				borderBottomColor: '#70BF28'
				}, {duration: app.d});
		}
	},
	
	second: function() {
		$('div.aplicacao div.sub h2 a').css('background-image', 'url(imgs/a_b_s.jpg)').stop().animate({color: '#999999'}, {duration: app.d, easing: app.e});
		
		var isVisible = $(this).parent().parent().children('.sub-inner').is(".subinnerShow");
		if(isVisible) {
			$('div.aplicacao div.sub div.sub-inner').hide();
			$(this).parent().parent().children('.sub-inner').removeClass("subinnerShow");
		} else {
			$('div.aplicacao div.sub div.sub-inner').hide().removeClass("subinnerShow");
			$(this).css('background-image', 'url(imgs/a_b_sh.jpg)').stop().animate({color: '#70bf28'}, {duration: app.d, easing: app.e});
			$(this).parent().parent().children('.sub-inner').stop().show().addClass("subinnerShow");
		}
	},
	
	third: function() {
		$('div.aplicacao div.sub div.type h3 a').css('background-image', 'url(imgs/a_b_t.jpg)').stop().animate({color: '#999999'}, {duration: app.d, easing: app.e});		
		
		var isVisible = (this).parent().parent().children('.type-inner').is(".typeinnerShow");
		if(isVisible) {
			$('div.aplicacao div.sub div.type div.type-inner').hide();
			$(this).parent().parent().children('.type-inner').removeClass("typeinnerShow");
		} else {
			$('div.aplicacao div.sub div.type div.type-inner').hide().removeClass("typeinnerShow");
			$(this).css('background-image', 'url(imgs/a_b_th.jpg)').stop().animate({color: '#70bf28'}, {duration: app.d, easing: app.e});
			$(this).parent().parent().children('.type-inner').stop().show().addClass("typeinnerShow");
		}
	},
	
	fourt: function() {
		$('div.aplicacao div.sub div.type div.spec h4 a').css('background-image', 'url(imgs/a_b_q.jpg)').stop().animate({backgroundColor: '#f3f3f3', color: '#70bf28'}, {duration: app.d, easing: app.e});
		$(this).css('background-image', 'url(imgs/a_b_qh.jpg)').stop().animate({backgroundColor: '#70bf28', color: 'white'}, {duration: app.d, easing: app.e});
		$('div.aplicacao div.sub div.type div.type-inner div.spec div.spec-inner').hide();
		$(this).parent().parent().children('.spec-inner').stop().show();
	}
};

//Ajax função usada para chamar alguma página!
var ajax = function(pagina, parametros, esconde, mostra) {
	$.ajax({
		type: "POST",
		url: pagina,
		data: parametros,
		success: function(msg){
			$(esconde).fadeOut('slow', function() {
				$(mostra).html(msg).fadeIn('slow');
			});
		}
	});	
}

//Função para submit, serialize!
var Submit = function(form, result) {
	var serialize = $(form).serializeArray();
	var action = $(form).attr("action");
	var preenchido = true;
	
	$.each(serialize, function(index, input) {
		if(input.value == '') {
			preenchido = false;
		}
	});
	
	var query = $.param(serialize);
	
	//Se todos estiverem preenchidos, chama funcao
	if(preenchido) {
		//if(action == "trabalhe_envia.php") {
		//	form.submit();	
		//}
		//else {
			ajax(action, query, form, result);
		//}
	} else {
		alert("Preencha todos os campos corretamente.");
	}
}