$(window).load(function () { initialise() } );
var courant;

function initialise()
	{
	$('#table_ladder tr.ligne_map').click( showdetails );
	initialise_popup();
	}
	
function showdetails()
	{
	var id = $(this).attr("id").split("_");
	if(courant!=id[1]) $('#details').load('details.php?id='+id[1], affiche);
	}
	
function affiche()
	{
	$("#overlay").css( { "width" : $(document).width(), "height" : $(document).height() } );
	var offset = { top: $(document).scrollTop(), left : $(document).scrollLeft() };
	var dim = { width : $("#details").width(), height:$("#details").height() };
	
	var doc = { height: $(window).height(), width : $(window).width() };
	
	$("#details").css("top", (offset.top+doc.height/2-dim.height/2));
	$("#details").css("left", (offset.left+doc.width/2-dim.width/2));
	
	$("#overlay").css("display", "block");
	$("#overlay").fadeTo(0, 0, function() { $("#overlay").fadeTo(200, 0.7, function() { $("#details").css("display", "block"); }); });
	
	$("#overlay").click( masque );
	$("#fermer").click( masque );
	}
	
function masque()
	{
	$("#overlay").hide();
	$("#details").hide();
	}
	
function initialise_popup()
	{
	var objBody = document.body;
	
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.setAttribute('left','0');
	objOverlay.setAttribute('top','0');
	objOverlay.style.display = 'none';
	objBody.appendChild(objOverlay);
	
	var objPopup = document.createElement("div");
	objPopup.setAttribute('id','details');
	objPopup.style.display = 'none';
	objBody.appendChild(objPopup);
	}