jQuery().ready(function(){
	// second simple Accordion with special markup
	jQuery('#navigation').Accordion({
		active: false,
		header: '.head',
		alwaysOpen: false,
		navigation: true
	});
    $("body").append('<div id="volant" style="position:absolute;"><img id="im" src="" /></div>');
    $("#volant").css("display", "none");
    $().mousemove(function(e){
      l = e.pageX;
      h = e.pageY;
    });
    $(".avimage").mouseover(function(){
      imago = $(this).attr("id");
      if(fichier[imago]) {
        $("#im").attr("src", fichier[imago]);
        $("#im").attr("height", ht[imago]/2);
        $("#im").attr("width", la[imago]/2);
        $('#volant').css("left", l-(la[imago]/2+10));
        $('#volant').css("top", h-(ht[imago]/2+10));
        $('#volant').css("border-width", "1px");
        $("#volant").css("display", "block");
      }
      else {
        $("#im").attr("src", "");
        $("#im").attr("height", 0);
        $("#im").attr("width", 0);
        $("#volant").css("display", "none");
      }
    });
    $(".avimage").mouseout(function(){
      $("#volant").css("display", "none");
      $('#volant').css("border-width", 0);
      $("#im").attr("src", "");
      delete imago;
    });
  });


function mettrefocus(id_element) {
	document.getElementById(id_element).style.zIndex="200";
}

function oterfocus(id_element) {
	document.getElementById(id_element).style.zIndex="60";
}