// Image preloading
var img1 = new Image();
    img1.src = '../Images/ajax-loader.gif';
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;

function getMouseXY(e)
{
   if (IE) { // grab the x-y pos.s if browser is IE
     tempX = event.clientX + document.body.scrollLeft;
     tempY = event.clientY + document.body.scrollTop;
   }
   else {  // grab the x-y pos.s if browser is NS
     tempX = e.pageX;
     tempY = e.pageY;
   }
   if (tempX < 0){tempX = 0;}
   if (tempY < 0){tempY = 0;}
   return true;
}
function Anthem_PreCallBack() {
    var loading = document.getElementById("Loading_div");
    loading.style.left = tempX + 'px';
    loading.style.top = (tempY - loading.offsetHeight) + 'px';
    loading.innerHTML='<table width="100" height="21" cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td style="font-size:10px;font-weight:bold;">Loading...&nbsp;</td><td><img src=" ' + img1.src + '" width="16" height="16" border="0"></td></tr></table></td></tr></table>'; 
}

function Anthem_PostCallBack() {
    var loading = document.getElementById("Loading_div");
    loading.innerHTML='<div style="position:absolute;top:0px;left:0px;visibility:hidden;"></div>';
}


/* Add this to the bottom of each page
<!-- Loading_div is used for the loading action when using anthem ajax controls -->
<div id="Loading_div" style="position: absolute; height: 21px; width: 100px;"></div>
*/