//$Id$

document.write("<script src=\"/js/cartcrosssell.js\"></script>");

function DisplayPromoText(eventObj, promoText, prId, index)
{
    var promoRolloverDiv = document.getElementById('offerId_promos');        
    
    if (!index)
   		var promoBadgeDiv = document.getElementById("promoImage_"+prId);
   	else
   		var promoBadgeDiv = document.getElementById("promoImage_"+prId+"_"+index);
	 
    if(promoRolloverDiv)
    {   
        //if there was a previous timeout clear it
        clearTimeout(hideMessage);   
        
        promoRolloverDiv.innerHTML = promoText;        
        promoRolloverDiv.style.display = "inline-block";
   
        //Get the left location for display
        var currOffset = TotalOffsetLeft(promoBadgeDiv);
        var promoTextHeightOffset = document.getElementById("helpTxtPop").offsetHeight;
        
        //Multiple the height of the overlay by 35% since
        // the arrow will appear 35% of the way down from the top
        if(promoTextHeightOffset)
            promoTextHeightOffset = promoTextHeightOffset * .35;

        promoRolloverDiv.style.left = currOffset + 135 +"px";
       
        //Offset of the badge - the height before the arrow + 70 (to correct the style within helpTxtPop for different overlays)
        promoRolloverDiv.style.top= TotalOffsetTop(promoBadgeDiv) - promoTextHeightOffset + 70 + "px";
    }  
  
}


function TotalOffsetTop(el, skipElementId)
{
    var o;
    var totalOffsetTop;
    if (el.id == skipElementId)
        o = 0;
    else
        o = el.offsetTop;

    if (el.offsetParent)
        totalOffsetTop = (TotalOffsetTop(el.offsetParent, skipElementId) + o);
    else
        totalOffsetTop = o;

    return totalOffsetTop;
}

var hideMessage;
function HidePromoText(divName, eventObj, prId, index)
{
	 if (!index)
   		var promoBadgeDiv = document.getElementById("promoImage_"+prId);
   	else
   		var promoBadgeDiv = document.getElementById("promoImage_"+prId+"_"+index);
     
	var disableDiv = document.getElementById(divName);
    
    var badgeLeft   = TotalOffsetLeft(promoBadgeDiv, "wrap");
    var badgeRight  = badgeLeft + promoBadgeDiv.offsetWidth;
    var badgeTop    = TotalOffsetTop(promoBadgeDiv, "wrap");    
    var badgeBottom = badgeTop + promoBadgeDiv.offsetHeight;
    
    //if user is outside the promo image div then set timeout for rollover text div 
    if(badgeLeft > eventObj.clientX || badgeRight  < eventObj.clientX || badgeTop > eventObj.clientY || badgeBottom < eventObj.clientY)
    { 
        hideMessage = setTimeout('HideMessageOnMouseOut(\''+divName+'\')', 250);
    }                   
}