// JavaScript Document
if (window.attachEvent) {
	window.attachEvent('onload', initTabFunction);
	}
else 
if (window.addEventListener) {
	window.addEventListener('load', initTabFunction, false);
	}
else {
	document.addEventListener('load', initTabFunction, false);
	} 


        
function initTabFunction(){
	
	var tab_liElement= document.getElementById("navigtop").getElementsByTagName("li");
	var listCourante = null;
	
	document.getElementById('navigtop').onkeydown = function(e){
		
		var event=null;
		var target = null; 
		 if (window.navigator.appName == 'Microsoft Internet Explorer'){
		 	event= window.event ? window.event : e;
		 	target = window.event.srcElement;
		  } else {
		 	event= e;
		 	target = event.target;
		 	}
		
                if (event.keyCode== 9) {
                	//si c'est élément ul dans la liste
                     	if(target.parentNode.childNodes[1] != null){
                     		if(listCourante != target.parentNode.childNodes[1] && listCourante != null){
                     			listCourante.style.left= "";
                     			
                     			}
                     		 target.parentNode.childNodes[1].style.left= "auto";
                     		 listCourante = target.parentNode.childNodes[1];
                     		// classCourante = e.target.parentNode.className;
                     	 }
      		  } 
		} 
	 document.getElementById('centrale').onkeydown = function(e){
	 	var event=null;
		 if (window.navigator.appName == 'Microsoft Internet Explorer'){
		 	event= window.event ? window.event : e;
		  } else {
		 	event= e;
		 	}
                if (event.keyCode == 9) {
             		   listCourante.style.left= "";
                }
       }
    document.getElementById('piv-pied').onkeydown = function(e){
    		var event=null;
		 if (window.navigator.appName == 'Microsoft Internet Explorer'){
		 	event= window.event ? window.event : e;
		  } else {
		 	event= e;
		 	}
                if (event.keyCode == 9) {
             	   listCourante.style.left= "";
                }
       }
}


$(function() {
$('table tbody tr').mouseover(function() {
    $(this).addClass('selectedRow');
  }).mouseout(function() {
      $(this).removeClass('selectedRow');
   }).click(function() {
      //alert($('td:first', this).text());
   });
});