// JScript File

var mb_currentImage;

var mb_left = 0;
var mb_top = 0;
var mb_side = 'left';

mb_init();

function mb_init() {
    
    document.write('<div id="mb_container" style="display:none;"><div id="mb_image"></div></div>');

    mb_left = -9999;
    mb_top = -9999;
    mb_setPosition();
    
}
function mb_showImage(mb_url, side) {
    
    mb_side = side;
    var el = document.getElementById('mb_container');
    if(!el) {
        alert('no el');
        return;
    }
        
 
    el.style.position = 'absolute';
    
    // move it to show the location of the mouse
    el.style.padding = '10px';
    el.style.zindex = 1;
 //   el.style.width = '345px';
  //  el.style.height = '227px';
    
    var el2 = document.getElementById('mb_image');
    if(!el2) {
        alert('no el2');
        return;
    }
    
    el2.innerHTML = '<img src="' + mb_url + '">';
    el.style.display = '';
    
    mb_setPosition();
   
    document.onmousemove = mb_mouseMove;
}

function mb_setPosition() {

    var el = document.getElementById('mb_container');
    if(!el)
        return;
        
    el.style.top = mb_top + 'px';
    el.style.left = mb_left + 'px';

}

function mb_mouseMove(ev) {

    if(document.all)
        ev = event;
    
    var el = document.getElementById('mb_container');
    if(!el)
        return;
    
    var h = el.style.height.replace('px', '')/1;    
    var w = el.style.width.replace('px', '')/1;
    
    
    var yOffset = 0;
    if(document.body.scrollTop)
        yOffset = document.body.scrollTop;
    if(document.body.parentElement && document.body.parentElement.scrollTop)
        yOffset = document.body.parentElement.scrollTop;
    if(window.pageYOffset)
        yOffset = window.pageYOffset;
    
    var xOffset = 0;
    if(document.body.scrollLeft)
        xOffset = document.body.scrollLeft;
    if(document.body.parentElement && document.body.parentElement.scrollLeft)
        xOffset = document.body.parentElement.scrollLeft;
    if(window.pageXOffset)
        xOffset = window.pageXOffset;
        
    if(w == 0) {
        w = el.scrollWidth;    
    }
    if(h == 0) {
        h = el.scrollHeight;
    }
    
    mb_top = (ev.clientY + yOffset) - (h / 2);
    
    if(mb_side == 'right') 
        mb_left = (ev.clientX + xOffset) - (40 + w);
    else    
        mb_left = (ev.clientX + xOffset) + 20;
    
    mb_setPosition();

}

function mb_hideImage(){
    
    document.onmousemove = null;
    var el = document.getElementById('mb_container');
    if(!el)
        return;
    
    
    el.style.display = 'none';
    mb_top = -9999;
    mb_left = -9999;
    mb_setPosition();
}