var htmlMenu = '#menuhaut > li > a';
var outelements = '#header,#main';
var smenu = '#menuhaut .smenu';

jQuery.noConflict();

//On charge tout ce qui doit se passer au onload de la fenêtre
jQuery(document).ready(function() {
	//menu déroulant
	menuOver();
	//ajouter un effet de survol sur tous les éléments dont la classe est effectOver.
	effectOver(jQuery('.effectOver, input, textarea'));
	//permet de cliquer sur une ligne d'un tableau plutôt que sur un lien dans cette ligne.
	clickTr();
});

/********************************************************************
 ******************EFFET DE SURVOL SUR LE MENU***********************
 ********************************************************************/
//Crée un effet de survol sur un menu de type ul > li > ul
function menuOver() {
	jQuery(htmlMenu).hover(
		//fonction au moment du mouseover
		function(event) {
				//on cache tous les autres sous menu ouvert
				cleanSmenu();
				//on ajoute la classe "selected" à l'élément <a> survolé
				jQuery(this).addClass('selected');
				//on applique un effet d'ouverture sur le <ul>
				jQuery(this).next(0).slideDown('normal');
		},
		//on ne fait rien au onmouse out
		function() {
		}
	);
	//fonction qui annule l'ouverture des sous menus quand on survole d'autres éléments
	jQuery(outelements).mouseover(
		function(event) {
			cleanSmenu();
		}
	);
}
//ferme les menus ouvert et enléve la clase "selectetd" à tous les <a> du menu
function cleanSmenu(event) {
	jQuery(smenu).slideUp('fast');
	jQuery(htmlMenu).removeClass('selected');
}

/********************************************************************
 **********************EFFET HOVER***********************************
 ********************************************************************/
// Remplace la pseudo class css :hover qui ne fonctionne pas sur IE
function effectOver(obj) {
	obj.hover(
		function() {
			jQuery(this).addClass('hover');
		},
		function() {
			jQuery(this).removeClass('hover');
		}
	);
	obj.focus(
		function() {
			jQuery(this).addClass('hover');
		}
	);
	obj.blur(
		function() {
			jQuery(this).removeClass('hover');
		}
	);
}

/********************************************************************
 **********************CLIC SUR LIGNE DES TABLEAU********************
 ********************************************************************/
//Rend toute une ligne d'un tableau clicable en fonction du lien qu'elle contient.
function clickTr() {
	jQuery('.clickTr tr').addClass('pointer');
	jQuery('.clickTr tr').click(
		function() {
			var theRow = this;
			var link = theRow.getElementsByTagName('a')[0];
			document.location.href = link;
		}
	)
}