var divZoom = null;
var imgZoom = null;

highlightCell = function(cell)
{
    cell.style.border ='solid 1px gray'
}

deHighlightCell = function(cell)
{
    cell.style.border ='solid 1px white'
}

showInlineZoom = function(img, evnt)
{
    var isIe = (navigator.appName == 'Microsoft Internet Explorer');
    
    if(divZoom == null){
        divZoom = document.getElementById('DivZoom');
        imgZoom = document.getElementById('ImageZoom');
    }
    
    divZoom.style.display = 'inline';
    imgZoom.src = img.src;
    
    var divHeight = parseInt(divZoom.style.height.replace('px',''));
    var divWidth = parseInt(divZoom.style.width.replace('px',''));
    
    if(isIe)
    {        
        var evntY = evnt.y;
        var evntX = evnt.x;
        
        var offsetHeight = document.documentElement.offsetHeight;
        var offsetWidth = document.documentElement.offsetWidth;
        
        var scrollTop = document.documentElement.scrollTop;
        var scrollLeft = document.documentElement.scrollLeft;
        
        if((evntY + divHeight + scrollTop) > (offsetHeight + scrollTop))
            divZoom.style.top = ((offsetHeight - divHeight) + scrollTop) + 'px';
        else
            divZoom.style.top = (evnt.y + document.documentElement.scrollTop) + 'px';
        
        if((evntX + divWidth + scrollLeft + 10) > (offsetWidth + scrollLeft))
            divZoom.style.left = (evnt.x + document.documentElement.scrollLeft - divWidth - 10)  + 'px';
        else
            divZoom.style.left = ((evnt.x + document.documentElement.scrollLeft) + 10) + 'px';
        
//        divZoom.innerHTML = 'eventX: ' + evntX + '<br/>';
//        divZoom.innerHTML += 'divWidth: ' + divWidth + '<br/>';
//        divZoom.innerHTML += 'scrollLeft: ' + scrollLeft + '<br/>';
//        divZoom.innerHTML += 'offsetWidth: '  + offsetWidth + '<br/>';
    }
    else
    {
      //  imgZoom.src = row.cells[0].childNodes[1].src;
        
        var offsetHeight = window.innerHeight;
        var offsetWidth = window.innerWidth;
        var scrollTop = window.pageYOffset;
        var scrollLeft = window.pageXOffset;
        
        var evntY = evnt.pageY;
        var evntX = evnt.pageX;
        
        if((evntY + divHeight) > (offsetHeight + scrollTop))
            divZoom.style.top = ((offsetHeight - divHeight) + scrollTop) + 'px';
        else
            divZoom.style.top = evnt.pageY + 'px';
            
        if((evntX + divWidth  + 10) > (offsetWidth + scrollLeft))
            divZoom.style.left = (evnt.pageX - divWidth - 10) + 'px';
        else
            divZoom.style.left = (evnt.pageX + 10) + 'px';
            
//          divZoom.innerHTML = 'eventX: ' + evntX + '<br/>';
//        divZoom.innerHTML += 'divWidth: ' + divWidth + '<br/>';
//        divZoom.innerHTML += 'scrollLeft: ' + scrollLeft + '<br/>';
//        divZoom.innerHTML += 'offsetWidth: '  + offsetWidth + '<br/>';
//        divZoom.innerHTML += 'scollbar: '  + window.scrollbars.visibility + '<br/>';
    }
}

hideInlineZoom = function()
{
    if(divZoom != null)
        divZoom.style.display = 'none';
}