$(document).ready(function(){
	$('#menu ul li').hover(function(){
									 $(this).addClass('drop_bg');
									  $(this).children('div').show();
								  },function(){
									  $(this).children('div').hide(); 
									 $(this).removeClass('drop_bg');
								  });
	$('#menu ul li.first').hover(function(){
									 $(this).addClass('drop_bg_left');
									  $(this).children('div').show();
								  },function(){
									  $(this).children('div').hide(); 
									 $(this).removeClass('drop_bg_left');
								  });
	$('#menu ul li.last').hover(function(){
									 $(this).addClass('drop_bg_right');
									  $(this).children('div').show();
								  },function(){
									  $(this).children('div').hide(); 
									 $(this).removeClass('drop_bg_right');
								  });
	
	$('.chrono_title').bind('click', function(e){

		var id = e.target.id;
		var arrId = id.split("_");
		
		var year = arrId[2];
		
		$('.chrono_desc').css('display', 'none');
		$('#chrono_desc_'+year).css('display', 'block');
	});

	$('#'+page_id).addClass('active');
	
	//Si on appuie sur la touche "enter" lorsqu'on est dans le champ de courriel et de mot de passe
	$('#password, #userid').keyup(function(e) {
		//alert(e.keyCode);
		if(e.keyCode == 13) {
			logMember();
		}
	});

	/* Quand on clique sur le boutton connexion */
	$('#connexion_btn').click(function(){
		logMember();
	});
	
	$('.deco_btn').click(function(){
		logout();
	});
	
	$('.modify_btn').click(function(){
		window.location.href = "modify_account.php";
	});

});

function logMember(){
	var userid = Ext.get('userid').getValue();
	var password = Ext.get('password').getValue();
	
	if(userid == '' || password == ''){
		alert('Vous devez entrer votre courriel et votre mot de passe');
	}else{
		Ext.Ajax.request({
			url : 'ajax/task.php',
			method : 'POST',
			params : {
				task : 'login',
				userid : userid,
				password : password
			},
			success : function(response, options){
				var responseData = Ext.decode(response.responseText);
				
				if(responseData.success == true){
					window.location.reload();
				}else{
					alert(responseData.errorMsg);
				}
			}
		});
	}
}

function logout(){
	Ext.Ajax.request({
		url : 'ajax/task.php',
		method : 'POST',
		params : {
			task : 'logout'
		},
		success : function(response, options){
			var responseData = Ext.decode(response.responseText);
			
			if(responseData.success == true){
				window.location.reload();
			}
		}
	});
}