var overdiv_timer = null;
var overdiv_link = null;
$(document.body).ready(function()
{
	//ajout de l'overdiv
	var tableTag = document.createElement("div");
	tableTag.id = "overdiv";
	tableTag.innerHTML = "<table><tr><td id='overdiv_top_left'></td><td id='overdiv_top'></td><td id='overdiv_top_right'></td></tr><tr><td id='overdiv_left'></td><td id='overdiv_content'></td><td id='overdiv_right'></td></tr><tr><td id='overdiv_bottom_left'></td><td id='overdiv_bottom'></td><td id='overdiv_bottom_right'></td></tr></table>";
	document.body.appendChild(tableTag);
    
    	//ajout de l'evenement hover
	$(".overdiv, #overdiv").hover(
		function(e){
			var overdiv_link_new = $(this).attr("over");
			if (overdiv_timer == null || (overdiv_link_new && overdiv_link_new != overdiv_link))
			{
				clearTimeout(overdiv_timer);
				overdiv_timer = null;
				var pageX = e.pageX;
				var pageY = e.pageY;
				var clientX = e.clientX;
				var clientY = e.clientY;
				overdiv_link = overdiv_link_new;
				if (pageX > document.body.clientWidth - 300)
				{
					$("#overdiv_top").css("background", "url(/pictures/overdiv/topr.png)right");
					$("#overdiv").css("left", pageX - $("#overdiv").width() + 15);
					$("#overdiv").css("top", pageY + 30);
				}
				else
				{
					$("#overdiv_top").css("background", "url(/pictures/overdiv/topl.png)");
					$("#overdiv").css("left", pageX - 15);
					$("#overdiv").css("top", pageY + 30);
				}
				$("#overdiv").css("display", "table");
				$("#overdiv").stop();
				$("#overdiv").animate({"opacity": 1}, 500);
				$("#overdiv_content").html("<img src='/pictures/spinner.gif'/>");
				$("#overdiv_content").load(overdiv_link);
			}
			else
			{
				clearTimeout(overdiv_timer);
				overdiv_timer = null;
				$("#overdiv").stop();
				$("#overdiv").animate({"opacity": 1}, 500);
			}
		}, 
		function(){
			overdiv_timer = setTimeout(function(){
				$("#overdiv").stop();
				$("#overdiv").animate({"opacity": 0}, 500, null, function func(){overdiv_timer = null;$("#overdiv").css("display", "none");});
			}, 100);
		}
	);
})