var mousePos;

document.onmousemove = mouseMove;

function mouseMove(ev){
	ev           = ev || window.event;
	mousePos = mouseCoords(ev);
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop + 350
	};
}

function showDetails(iDate,iOpp,iScore,iScorers,iDiv,iLabel,e)
{
    if(iLabel=="")
    {}
    else
    {
        myHtml = "<strong>" + iLabel + "</strong>, ";
    }

    myHtml += iDate + "<br/>";
    myHtml += "v " + iOpp + "<br/>";
    myHtml += iScore + "<br/>";
    
    iScorers = iScorers.replace(/; /g,"<br/>");
    myHtml += iScorers + "<br/>";
    //document.getElementById(iDiv).innerHTML = myHtml;
    //document.getElementById(iDiv).className = "stats-showDetailsAT-HOVER";
    
    displayPopupDiv(myHtml,e);
}

function clearDetails(iDiv)
{
    hidePopupDiv();
    //document.getElementById(iDiv).innerHTML = "";
    //document.getElementById(iDiv).className = "stats-showDetailsAT";
}


function displayPopupDiv(content,e){
   var posx=mousePos.x;
   var posy=mousePos.y;
   
   /*e=e|window.event;
   // determine target DIV
   var targ=e.target?e.target:e.srcElement;
   
   // calculate mouse coordinates
   
   if(e.pageX||e.pageY){
     posx=e.pageX;
     posy=e.pageY;
   }
   else if(e.clientX||e.clientY){
     posx=e.clientX;
     posy=e.clientY;
   }*/
   
   // assign attributes to pop-up DIV element and append it to
   // web document tree
   var div=document.getElementById('popup');
   if(!div){
     var div=document.createElement('div');
     div.setAttribute('id','popup');
     div.className='popupdiv';
     div.innerHTML = content;
     //div.appendChild(document.createTextNode());
     document.getElementsByTagName('body')[0].appendChild(div);  
   }
   // move pop-up DIV element
   div.style.top=posy+6+'px';
   div.style.left=posx+2+'px';
}
// remove pop-up DIV element
function hidePopupDiv(){
   var div=document.getElementById('popup');
   if(!div){return};
   div.parentNode.removeChild(div);
}