var timer=null;

$(document).ready(function() {
    InitTooltips();
    
    if(iCount > 0) {
        CreateHoverDIV();
    }
    
});


function CreateHoverDIV() {
    $("body").append('<div id="WorkToolTip" class="clearfix" onmouseover="CancelHideTooltip()" onmouseout="DelayedHideTooltip()"></div>'); 
}

var iCount = 0;
function InitTooltips()
{
    $(".WorkToolTip").each(
		function()
		{
			$(this).bind("mouseover",function(){ShowTooltip(this)}).bind("mouseout",function(){DelayedHideTooltip()});
			iCount += 1;
		}
	);
}

var currentItem = null;

function ShowTooltip(obj)
{
	CancelHideTooltip();

    currentItem = obj;		
	var $o=$(obj);
	var offset=$o.offset();
	
	// fetch the work info from ashx
	var WorkID = $o.attr("WorkID");
	params = "WorkID=" + WorkID;
	
	// check if forthcoming parameter exists
	if($o.attr("ForthcomingEditionID") != undefined){
	    params += "&ForthcomingEditionID=" + $o.attr("ForthcomingEditionID");
	}
	
	// post
	$.post("/GetContextualToolTip.ashx",params,ReceiveContent);
	
}

function ReceiveContent(arg)
{
    var $o=$(currentItem);
	var offset=$o.offset();
	$("#WorkToolTip").css("left",offset.left+16).css("top",offset.top-110).html(arg).fadeIn("slow");
}

function DelayedHideTooltip()
{
	CancelHideTooltip();
	timer=window.setTimeout("HideTooltip()",2000);
}

function HideTooltip()
{
	$("#WorkToolTip").fadeOut("slow");
}

function CancelHideTooltip()
{
	if (timer!=null)
		window.clearTimeout(timer);
}