// JavaScript Document

$(document).ready(function(){
						   
	//
	// PORTFOLIO
	//
	var rdnum=Math.floor(Math.random()*6)+1
	
	$('#portfolio').load('clientes.php?num='+rdnum)
	$('.menu_portfolio:nth-child('+rdnum+')').addClass('menu_portfolio_hover_fixo')
	
	$('.menu_portfolio').click(function(){
		num = $(this).text()
		$('.menu_portfolio').removeClass('menu_portfolio_hover_fixo')
		$(this).addClass('menu_portfolio_hover_fixo')
		$('#portfolio').slideUp('slow', function(){
			$(this).load('clientes.php?num='+num, '', function(){
				$(this).slideDown('slow')
			})
		})
	})
	
	$('.menu_portfolio').mouseover(function(){
		$(this).addClass('menu_portfolio_hover')
	})
	$('.menu_portfolio').mouseout(function(){
		$(this).removeClass('menu_portfolio_hover')
	})



	// 
	// IDIOMA
	// 
	// bandeiras
	$('.por').parent().removeClass('bandeira').addClass('bandeira_escolhida')
	$('.ing').parent().removeClass('bandeira_escolhida').addClass('bandeira')
	// texto de servicos
	$('#servicos').load('texto_por.html')	
	// texto de resultado
	$('#resultado').html('<p>mensagem enviada!</p><br /><div id="enviar_outra" style="cursor:pointer">enviar outra mensagem</div><p>&nbsp;</p>')
	// texto de contato
	texto_por()
	
	$('.por').click(function(){
		// bandeiras
		$(this).parent().removeClass('bandeira').addClass('bandeira_escolhida')
		$('.ing').parent().removeClass('bandeira_escolhida').addClass('bandeira')
		// texto de servicos
		$('#servicos').load('texto_por.html')
		// contato
		texto_por()
		$('#enviar').text('Enviar')
		$('#resultado').html('<p>mensagem enviada!</p><br /><div onclick="enviar_outra_por()" id="enviar_outra" style="cursor:pointer">enviar outra mensagem</div><p>&nbsp;</p>')
		$('#idioma').val('por')
		$('#contato_img').removeAttr('src')
		$('#contato_img').attr('src','img/contato_por.gif')
	})
	$('.ing').click(function(){
		// bandeiras
		$(this).parent().removeClass('bandeira').addClass('bandeira_escolhida')
		$('.por').parent().removeClass('bandeira_escolhida').addClass('bandeira')
		// texto de servicos
		$('#servicos').load('texto_ing.html')
		// contato
		texto_ing()
		$('#enviar').text('Send')
		$('#resultado').html('<p>Message sent!</p><br /><div onclick="enviar_outra_ing()" id="enviar_outra" style="cursor:pointer">Send a new one message!</div><p>&nbsp;</p>')
		$('#idioma').val('ing')
		$('#contato_img').removeAttr('src')
		$('#contato_img').attr('src','img/contato_ing.gif')
	})
	//
	//
	//
	
	
	//
	// ENDERECO
	//
	$('#end').load('endereco_txt.php')
	
	
	//
	// CONTATO
	//			   
	$('#enviar').mouseover(function(){
		$(this).addClass('over');
	});
	$('#enviar').mouseout(function(){
		$(this).removeClass('over');
	});						
								
	$('#enviar').click(function(){
		$.post('enviar.php', { nome: $('#nome').val(), email: $('#email').val(), tel: $('#tel').val(), mensagem: $('#mensagem').val() }, function(){
				$('#formulario').hide()
				$('#resultado').fadeIn()
			})
	})
	
	$('#enviar_outra').click(function(){

		})
	
} )


function validar(nome, email, idioma){	
	if (nome=="" || email=="" || nome=='Seu nome' || email=='Seu e-mail' || nome=='Your name' || email=='Your e-mail') {
		if (idioma == 'ing')
			alert('Name and E-mail are obligatory!')
		else
			alert('Nome e E-mail são obrigatórios!')
		return false;
	}
	else if (! ( /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(email)) ) { 
		if (idioma == 'ing')
			alert("Unvalid E-MAIL address!")
		else
			alert("Endereço de E-MAIL inválido!")
		return false
	}
	return true;
}

function enviar_outra_por(){
		texto_por()
		$('#resultado').hide()
		$('#formulario').fadeIn()
}

function enviar_outra_ing(){
		texto_ing()
		$('#resultado').hide()
		$('#formulario').fadeIn()
}

function texto_por(){
	nom_por();	ema_por();	tel_por();	msg_por();
}

function texto_ing(){
	nom_ing();	ema_ing();	tel_ing();	msg_ing();
}

function nom_por(){	$('#nome').val('Seu Nome') 			};
function ema_por(){	$('#email').val('Seu E-mail') 		};
function tel_por(){	$('#tel').val('Seu Telefone') 		};
function msg_por(){	$('#mensagem').val('Sua Mensagem') 	};

function nom_ing(){	$('#nome').val('Your Name') 		};
function ema_ing(){	$('#email').val('Your E-mail') 		};
function tel_ing(){	$('#tel').val('Your Phone Number') 	};
function msg_ing(){	$('#mensagem').val('Your Message') 	};