// JavaScript Document


$(document).ready(function(e) {
	
    $(".gioi-thieu").click(function(e) {
        $('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		$('#noi-dung').show("slow");
		$('#phan-chu').load("modules/gioi-thieu.php");
		$('#footer').show();
	
		//$('li').animate({marginRight:"-10000px"},"slow");
    });
	
	$(".trac-nghiem").click(function(e) {
         $('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/trac-nghiem.php");
		 $('#footer').show();
    });
	
	$('#button').click(function(e) {
        $('#thanh-cong-cu').animate({marginTop:"15%"},"slow");
		$('#noi-dung').hide("slow");
		$('#footer').show();
    });
		
	/*$('.loai').click(function() {
		alert('Lalala');
		    });*/
	
});

$('body').on('click','#ESFP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ESFP.php");
		 $('#footer').show();
});

$('body').on('click','#ESTP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ESTP.php");
		 $('#footer').show();
});

$('body').on('click','#ISFP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ISFP.php");
		 $('#footer').show();
});

$('body').on('click','#ISTP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ISTP.php");
		 $('#footer').show();
});

$('body').on('click','#ESFJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ESFJ.php");
		 $('#footer').show();
});

$('body').on('click','#ESTJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ESTJ.php");
		 $('#footer').show();
});

$('body').on('click','#ISFJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ISFJ.php");
		 $('#footer').show();
});

$('body').on('click','#ISTJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ISTJ.php");
		 $('#footer').show();
});

$('body').on('click','#ENFP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ENFP.php");
		 $('#footer').show();
});

$('body').on('click','#ENFJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ENFJ.php");
		 $('#footer').show();
});

$('body').on('click','#INFP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/INFP.php");
		 $('#footer').show();
});

$('body').on('click','#INFJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/INFJ.php");
		 $('#footer').show();
});

$('body').on('click','#ENTP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ENTP.php");
		 $('#footer').show();
});

$('body').on('click','#ENTJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/ENTJ.php");
		 $('#footer').show();
});

$('body').on('click','#INTP',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/INTP.php");
		 $('#footer').show();
});

$('body').on('click','#INTJ',function(){
	$('#thanh-cong-cu').animate({marginTop: "10px"},"slow");
		 $('#noi-dung').show("slow");
		 $('#phan-chu').load("modules/INTJ.php");
		 $('#footer').show();
});

$('body').on('click','.types',function(){
	$('#dropdown-menu').toggle("slow");
});

//WORKING ON TRACNGHIEM.PHP

$('body').on('click','#send',function(){
	
	
	
	var HuongNoi = 0;
	var HuongNgoai = 0;
	var TrucGiac = 0;
	var CamGiac = 0;
	var TinhCam = 0;
	var LyTri = 0;
	var NguyenTac = 0;
	var LinhHoat = 0;
	
	if($('input:radio[name=cau-1]:checked').val() != null){
		if($('input:radio[name=cau-1]:checked').val()=="huong-noi"){
			HuongNoi++;
		}
		else if($('input:radio[name=cau-1]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-2]:checked').val() != null){
		if($('input:radio[name=cau-2]:checked').val()=="huong-noi"){
			HuongNoi++;
		}
		else if($('input:radio[name=cau-2]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-3]:checked').val() != null){
		if($('input:radio[name=cau-3]:checked').val()=="huong-noi"){
			HuongNoi++;
		}
		else if($('input:radio[name=cau-3]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	if($('input:radio[name=cau-4]:checked').val() != null){
		if($('input:radio[name=cau-4]:checked').val()=="huong-noi"){
			HuongNoi++;
		
		}
		else if($('input:radio[name=cau-4]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-5]:checked').val() != null){
		if($('input:radio[name=cau-5]:checked').val()=="huong-noi"){
			HuongNoi++;
		}
		else if($('input:radio[name=cau-5]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-6]:checked').val() != null){
		if($('input:radio[name=cau-6]:checked').val()=="huong-noi"){
			HuongNoi++;
		
		}
		else if($('input:radio[name=cau-6]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-7]:checked').val() != null){
		if($('input:radio[name=cau-7]:checked').val()=="huong-noi"){
			HuongNoi++;
			
		}
		else if($('input:radio[name=cau-7]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-8]:checked').val() != null){
		if($('input:radio[name=cau-8]:checked').val()=="huong-noi"){
			HuongNoi++;
			
		}
		else if($('input:radio[name=cau-8]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-9]:checked').val() != null){
		if($('input:radio[name=cau-9]:checked').val()=="huong-noi"){
			HuongNoi++;
			
		}
		else if($('input:radio[name=cau-9]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-10]:checked').val() != null){
		if($('input:radio[name=cau-10]:checked').val()=="huong-noi"){
			HuongNoi++;
			
		}
		else if($('input:radio[name=cau-10]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	if($('input:radio[name=cau-11]:checked').val() != null){
		if($('input:radio[name=cau-11]:checked').val()=="huong-noi"){
			HuongNoi++;
			
		}
		else if($('input:radio[name=cau-11]:checked').val()=="huong-ngoai"){
			HuongNgoai++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	

	if($('input:radio[name=cau-12]:checked').val() != null){
		if($('input:radio[name=cau-12]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-12]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-13]:checked').val() != null){
		if($('input:radio[name=cau-13]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-13]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-14]:checked').val() != null){
		if($('input:radio[name=cau-14]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-14]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-15]:checked').val() != null){
		if($('input:radio[name=cau-15]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-15]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-16]:checked').val() != null){
		if($('input:radio[name=cau-16]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-16]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-17]:checked').val() != null){
		if($('input:radio[name=cau-17]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-17]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-18]:checked').val() != null){
		if($('input:radio[name=cau-18]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-18]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-19]:checked').val() != null){
		if($('input:radio[name=cau-19]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-19]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-20]:checked').val() != null){
		if($('input:radio[name=cau-20]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-20]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-21]:checked').val() != null){
		if($('input:radio[name=cau-21]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-21]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	
	if($('input:radio[name=cau-22]:checked').val() != null){
		if($('input:radio[name=cau-22]:checked').val()=="truc-giac"){
			TrucGiac++;
			
		}
		else if($('input:radio[name=cau-22]:checked').val()=="cam-giac"){
			CamGiac++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false
	}
	
	if($('input:radio[name=cau-23]:checked').val() != null){
		if($('input:radio[name=cau-23]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-23]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-24]:checked').val() != null){
		if($('input:radio[name=cau-24]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-24]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-25]:checked').val() != null){
		if($('input:radio[name=cau-25]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-25]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-26]:checked').val() != null){
		if($('input:radio[name=cau-26]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-26]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-27]:checked').val() != null){
		if($('input:radio[name=cau-27]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-27]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-28]:checked').val() != null){
		if($('input:radio[name=cau-28]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-28]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-29]:checked').val() != null){
		if($('input:radio[name=cau-29]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-29]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-30]:checked').val() != null){
		if($('input:radio[name=cau-30]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-30]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-31]:checked').val() != null){
		if($('input:radio[name=cau-31]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-31]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-32]:checked').val() != null){
		if($('input:radio[name=cau-32]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-32]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-33]:checked').val() != null){
		if($('input:radio[name=cau-33]:checked').val()=="ly-tri"){
			LyTri++;
		}
		else if($('input:radio[name=cau-33]:checked').val()=="tinh-cam"){
			TinhCam++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-34]:checked').val() != null){
		if($('input:radio[name=cau-34]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-34]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-35]:checked').val() != null){
		if($('input:radio[name=cau-35]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-35]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	if($('input:radio[name=cau-36]:checked').val() != null){
		if($('input:radio[name=cau-36]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-36]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-37]:checked').val() != null){
		if($('input:radio[name=cau-37]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-37]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-38]:checked').val() != null){
		if($('input:radio[name=cau-38]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-38]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-39]:checked').val() != null){
		if($('input:radio[name=cau-39]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-39]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-40]:checked').val() != null){
		if($('input:radio[name=cau-40]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-40]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-41]:checked').val() != null){
		if($('input:radio[name=cau-41]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-41]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-42]:checked').val() != null){
		if($('input:radio[name=cau-42]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-42]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-43]:checked').val() != null){
		if($('input:radio[name=cau-43]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-43]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	if($('input:radio[name=cau-44]:checked').val() != null){
		if($('input:radio[name=cau-44]:checked').val()=="nguyen-tac"){
			NguyenTac++;
		}
		else if($('input:radio[name=cau-44]:checked').val()=="linh-hoat"){
			LinhHoat++;
		}
	}
	
	else{
		alert("Xin điền hết các ô");
		return false;
	}
	
	var IhayE = "";
	var NhayS = "";
	var ThayF = "";
	var JhayP = "";
	
	if(HuongNoi>HuongNgoai){
		IhayE = "I";
	}
	else IhayE = "E";
	
	if(TrucGiac>CamGiac){
		NhayS = "N";
	}
	else NhayS = "S";
	
	if(TinhCam>LyTri){
		ThayF = "F";
	}
	else ThayF = "T";
	
	if(NguyenTac>LinhHoat){
		JhayP = "J"
	}
	else JhayP = "P";
	
	var tylehuongnoi = Math.ceil((HuongNoi*100)/11);
	var tylehuongngoai = 100 - Math.ceil((HuongNoi*100)/11);
	var tyletrucgiac = Math.ceil((TrucGiac*100)/11);
	var tylecamgiac = 100 - Math.ceil((TrucGiac*100)/11);
	var tylelytri = Math.ceil((LyTri*100)/11);
	var tyletinhcam = 100-Math.ceil((LyTri*100)/11);
	var tylenguyentac = Math.ceil((NguyenTac*100)/11);
	var tylelinhhoat = 100 - Math.ceil((NguyenTac*100)/11);
	$('html, body').animate({ scrollTop: 0 }, 0);
	$('#phan-chu').html(
	'<div id = "ve-chung-toi"><h1 align = "center">KẾT QUẢ CỦA BẠN:</h1><br /><p class="hinh-anh"><img src="http://25.media.tumblr.com/tumblr_m41e2o5nhT1rw7k3jo1_500.gif"></p><br/>Bạn là một'+' '+'<b>'+IhayE+NhayS+ThayF+JhayP+'</b>'+' với tỷ lệ như sau: <br/> <br/><p align = "center"><p>Hướng nội: '+ tylehuongnoi +' % - Hướng ngoại: '+ tylehuongngoai + ' %. </p><br/><p>Trực giác: '+ tyletrucgiac +' % - Cảm giác: '+ tylecamgiac + ' %. </p><br /><p>Lý trí: '+ tylelytri +' % - Tình cảm: '+ tyletinhcam + ' %. </p><br /> <p>Nguyên tắc: '+ tylenguyentac +' % - Linh hoạt: '+ tylelinhhoat + ' %. </p><br><p>Click vào <a href = "#" id = "thunghiem">đây</a> để đọc thêm về nhóm tính cách này nhé.</p></p></div>'
	);
	
	$('body').on('click','#thunghiem',function(){
	$('html, body').animate({ scrollTop: 0 }, 0);
	$('#phan-chu').load("modules/"+IhayE+NhayS+ThayF+JhayP+".php");
})
	
});