/* Script by: www.jtricks.com  
 * Version: 20071210  
 * Latest version:  
 * www.jtricks.com/javascript/navigation/floating.html
 *
 * Slightly modified by Meg Prescott 2008-May-04
 *
 */  

var floatingViewerId = 'view_lg';   
var floatingViewer =   
{   
    targetX: 100,   
    targetY: 5,   
  
    hasInner: typeof(window.innerWidth) == 'number',   
    hasElement: document.documentElement   
        && document.documentElement.clientWidth,   
  
    vwr:   
        document.getElementById   
        ? document.getElementById(floatingViewerId)   
        : document.all   
          ? document.all[floatingViewerId]   
          : document.layers[floatingViewerId]   
};   
  
floatingViewer.move = function ()   
{   
    if (document.layers)   
    {   
        floatingViewer.vwr.left = floatingViewer.nextX;   
        floatingViewer.vwr.top = floatingViewer.nextY;   
    }   
    else  
    {   
        floatingViewer.vwr.style.left = floatingViewer.nextX + 'px';   
        floatingViewer.vwr.style.top = floatingViewer.nextY + 'px';   
    }   
}   
  
floatingViewer.computeShifts = function ()   
{   
    var de = document.documentElement;   
  
    floatingViewer.shiftX =   
        floatingViewer.hasInner   
        ? pageXOffset   
        : floatingViewer.hasElement   
          ? de.scrollLeft   
          : document.body.scrollLeft;   
    if (floatingViewer.targetX < 0)   
    {   
        if (floatingViewer.hasElement && floatingViewer.hasInner)   
        {   
            // Handle Opera 8 problems   
            floatingViewer.shiftX +=   
                de.clientWidth > window.innerWidth   
                ? window.innerWidth   
                : de.clientWidth   
        }   
        else  
        {   
            floatingViewer.shiftX +=   
                floatingViewer.hasElement   
                ? de.clientWidth   
                : floatingViewer.hasInner   
                  ? window.innerWidth   
                  : document.body.clientWidth;   
        }   
    }   
  
    floatingViewer.shiftY =    
        floatingViewer.hasInner   
        ? pageYOffset   
        : floatingViewer.hasElement   
          ? de.scrollTop   
          : document.body.scrollTop;   
    if (floatingViewer.targetY < 0)   
    {   
        if (floatingViewer.hasElement && floatingViewer.hasInner)   
        {   
            // Handle Opera 8 problems   
            floatingViewer.shiftY +=   
                de.clientHeight > window.innerHeight   
                ? window.innerHeight   
                : de.clientHeight   
        }   
        else  
        {   
            floatingViewer.shiftY +=   
                floatingViewer.hasElement   
                ? document.documentElement.clientHeight   
                : floatingViewer.hasInner   
                  ? window.innerHeight   
                  : document.body.clientHeight;   
        }   
    }   
}   
  
floatingViewer.doFloat = function()   
{   
    var stepX, stepY;   
  
    floatingViewer.computeShifts();   
  
    stepX = (floatingViewer.shiftX +    
        floatingViewer.targetX - floatingViewer.nextX) * .07;   
    if (Math.abs(stepX) < .5)   
    {   
        stepX = floatingViewer.shiftX +   
            floatingViewer.targetX - floatingViewer.nextX;   
    }   
  
    stepY = (floatingViewer.shiftY +    
        floatingViewer.targetY - floatingViewer.nextY) * .07;   
    if (Math.abs(stepY) < .5)   
    {   
        stepY = floatingViewer.shiftY +    
            floatingViewer.targetY - floatingViewer.nextY;   
    }   
  
    if (Math.abs(stepX) > 0 ||   
        Math.abs(stepY) > 0)   
    {   
        floatingViewer.nextX += stepX;   
        floatingViewer.nextY += stepY;   
        floatingViewer.move();   
    }   
  
    setTimeout('floatingViewer.doFloat()', 20);   
};   
  
// addEvent designed by Aaron Moore   
floatingViewer.addEvent = function(element, listener, handler)   
{   
    if(typeof element[listener] != 'function' ||    
       typeof element[listener + '_num'] == 'undefined')   
    {   
        element[listener + '_num'] = 0;   
        if (typeof element[listener] == 'function')   
        {   
            element[listener + 0] = element[listener];   
            element[listener + '_num']++;   
        }   
        element[listener] = function(e)   
        {   
            var r = true;   
            e = (e) ? e : window.event;   
            for(var i = element[listener + '_num'] -1; i >= 0; i--)   
            {   
                if(element[listener + i](e) == false)   
                    r = false;   
            }   
            return r;   
        }   
    }   
  
    //if handler is not already stored, assign it   
    for(var i = 0; i < element[listener + '_num']; i++)   
        if(element[listener + i] == handler)   
            return;   
    element[listener + element[listener + '_num']] = handler;   
    element[listener + '_num']++;   
};   
  
floatingViewer.init = function()   
{   
    floatingViewer.initSecondary();   
    floatingViewer.doFloat();   
};   
  
// Some browsers init scrollbars only after   
// full document load.   
floatingViewer.initSecondary = function()   
{   
    floatingViewer.computeShifts();   
    floatingViewer.nextX = floatingViewer.shiftX +   
        floatingViewer.targetX;   
    floatingViewer.nextY = floatingViewer.shiftY +   
        floatingViewer.targetY;   
    floatingViewer.move();   
}   
  
if (document.layers)   
    floatingViewer.addEvent(window, 'onload', floatingViewer.init);   
else  
{   
    floatingViewer.init();   
    floatingViewer.addEvent(window, 'onload',   
        floatingViewer.initSecondary);   
}