/*************************************************************************

This code is from Dynamic Web Coding at www.dyn-web.com

Copyright 2001-4 by Sharon Paine 

See Terms of Use at www.dyn-web.com/bus/terms.html

regarding conditions under which you may use this code.

This notice must be retained in the code as is!

*************************************************************************/



function initScrollLayer() {

    // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll, 

    // if horizontal scrolling, id of element containing scrolling content (table?)

    var wndo = new dw_scrollObj('wn2', 'lyr2', 't2');



    // pass id('s) of scroll area(s) if inside table(s)

    dw_scrollObj.GeckoTableBugFix('wn2');

}



/*************************************************************************

This code is from Dynamic Web Coding at www.dyn-web.com

Copyright 2001-4 by Sharon Paine 

See Terms of Use at www.dyn-web.com/bus/terms.html

regarding conditions under which you may use this code.

This notice must be retained in the code as is!

*************************************************************************/



/* dw_glidescroll.js  version date: June 2004 

glide onclick scrolling for dw_scrollObj (in dw_scrollObj.js)  */



dw_scrollObj.slideDur = 500; // duration of glide



// intermediary functions needed to prevent errors before page loaded 

dw_scrollObj.scrollBy = function(wnId, x, y, dur) {

    if (dw_scrollObjs[wnId]) dw_scrollObjs[wnId].glideBy(x, y, dur);

}



dw_scrollObj.scrollTo = function(wnId, x, y, dur) {

    if (dw_scrollObjs[wnId]) dw_scrollObjs[wnId].glideTo(x, y, dur);

}



// Resources for time-based slide algorithm: 

//  DHTML chaser tutorial at DHTML Lab - www.webreference.com/dhtml	

//  and cbe_slide.js from	www.cross-browser.com by Mike Foster

dw_scrollObj.prototype.glideBy = function(dx, dy, dur) {

    if (!document.getElementById || this.sliding) return;

    this.slideDur = dur || dw_scrollObj.slideDur;

    this.destX = this.destY = this.distX = this.distY = 0;

    this.lyr = document.getElementById(this.lyrId);

    this.startX = this.x; this.startY = this.y;

    if (dy < 0) this.distY = (this.startY + dy >= -this.maxY) ? dy : -(this.startY + this.maxY);

    else if (dy > 0) this.distY = (this.startY + dy <= 0) ? dy : -this.startY;

    if (dx < 0) this.distX = (this.startX + dx >= -this.maxX) ? dx : -(this.startX + this.maxX);

    else if (dx > 0) this.distX = (this.startX + dx <= 0) ? dx : -this.startX;

    this.destX = this.startX + this.distX; this.destY = this.startY + this.distY;

    this.slideTo(this.destX, this.destY);

}



dw_scrollObj.prototype.glideTo = function(destX, destY, dur) {

    if (!document.getElementById || this.sliding) return;

    this.slideDur = dur || dw_scrollObj.slideDur;

    this.lyr = document.getElementById(this.lyrId);

    this.startX = this.x; this.startY = this.y;

    this.destX = -Math.max(Math.min(destX, this.maxX), 0);

    this.destY = -Math.max(Math.min(destY, this.maxY), 0);

    this.distY = this.destY - this.startY;

    this.distX = this.destX - this.startX;

    this.slideTo(this.destX, this.destY);

}



dw_scrollObj.prototype.slideTo = function(destX, destY) {

    this.per = Math.PI / (2 * this.slideDur); this.sliding = true;

    this.slideStart = (new Date()).getTime();

    this.aniTimer = setInterval(this.animString + ".doSlide()", 10);

    this.on_slide_start(this.startX, this.startY);

}



dw_scrollObj.prototype.doSlide = function() {

    var elapsed = (new Date()).getTime() - this.slideStart;

    if (elapsed < this.slideDur) {

        var x = this.startX + this.distX * Math.sin(this.per * elapsed);

        var y = this.startY + this.distY * Math.sin(this.per * elapsed);

        this.shiftTo(this.lyr, x, y); this.on_slide(x, y);

    } else {	// if time's up

        clearInterval(this.aniTimer); this.sliding = false;

        this.shiftTo(this.lyr, this.destX, this.destY);

        this.lyr = null; this.on_slide_end(this.destX, this.destY);

    }

}



dw_scrollObj.prototype.on_slide_start = function() { }

dw_scrollObj.prototype.on_slide = function() { }

dw_scrollObj.prototype.on_slide_end = function() { }





/*************************************************************************

This code is from Dynamic Web Coding at dyn-web.com

Copyright 2001-5 by Sharon Paine 

See Terms of Use at www.dyn-web.com/bus/terms.html

regarding conditions under which you may use this code.

This notice must be retained in the code as is!

*************************************************************************/



/* 

dw_scrollObj.js  version date: March 2005

GeckoTableBugFix algorithm revised, and now excludes Safari and Konqueror.

    

dw_scrollObj.js contains constructor and basic methods for scrolling layers.

Use with dw_hoverscroll.js and/or dw_glidescroll.js,

and for scrollbars: dw_scroll-aux.js and dw_slidebar.js

*/



dw_scrollObjs = {};

dw_scrollObj.speed = 100; // default speed for mouseover scrolling

//  constructor arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll, 

//	id of table or other element that scrolling content is nested in. 

//	ns6+/moz need that extra container to get width for horizontal scrolling.

//	(not needed for vertical scrolling)

function dw_scrollObj(wnId, lyrId, cntId) {

    this.id = wnId; dw_scrollObjs[this.id] = this;

    this.animString = "dw_scrollObjs." + this.id;

    this.load(lyrId, cntId);

}



dw_scrollObj.loadLayer = function(wnId, id, cntId) {

    if (dw_scrollObjs[wnId]) dw_scrollObjs[wnId].load(id, cntId);

}



dw_scrollObj.prototype.load = function(lyrId, cntId) {

    if (!document.getElementById) return;

    var wndo, lyr;

    if (this.lyrId) {

        lyr = document.getElementById(this.lyrId);

        lyr.style.visibility = "hidden";

    }

    lyr = document.getElementById(lyrId);

    wndo = document.getElementById(this.id);

    lyr.style.top = this.y = 0; lyr.style.left = this.x = 0;

    this.maxY = (lyr.offsetHeight - wndo.offsetHeight > 0) ? lyr.offsetHeight - wndo.offsetHeight : 0;

    this.wd = cntId ? document.getElementById(cntId).offsetWidth : lyr.offsetWidth;

    this.maxX = (this.wd - wndo.offsetWidth > 0) ? this.wd - wndo.offsetWidth : 0;

    this.lyrId = lyrId; // hold id of currently visible layer

    lyr.style.visibility = "visible";

    this.on_load(); this.ready = true;

}



dw_scrollObj.prototype.on_load = function() { }



dw_scrollObj.prototype.shiftTo = function(lyr, x, y) {

    lyr.style.left = (this.x = x) + "px";

    lyr.style.top = (this.y = y) + "px";

}



// remove layers from table for ns6+/mozilla (needed for scrolling inside tables)

// recent versions of ns/moz (ns7.2 and moz 1.73) don't need it (ns 7.1 and moz 1.5 do)

dw_scrollObj.GeckoTableBugFix = function() {

    var ua = navigator.userAgent;

    if (ua.indexOf("Gecko") > -1 && ua.indexOf("Firefox") == -1

        && ua.indexOf("Safari") == -1 && ua.indexOf("Konqueror") == -1) {

        dw_scrollObj.hold = []; // holds id's of wndo and its container

        for (var i = 0; arguments[i]; i++) {

            if (dw_scrollObjs[arguments[i]]) {

                var wndo = document.getElementById(arguments[i]);

                var holderId = wndo.parentNode.id;

                var holder = document.getElementById(holderId);

                document.body.appendChild(holder.removeChild(wndo));

                wndo.style.zIndex = 1000;

                var pos = getPageOffsets(holder);

                wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";

                dw_scrollObj.hold[i] = [arguments[i], holderId];

            }

        }

        window.addEventListener("resize", dw_scrollObj.rePositionGecko, true);

    }

}



// ns6+/mozilla need to reposition layers onresize when scrolling inside tables.

dw_scrollObj.rePositionGecko = function() {

    if (dw_scrollObj.hold) {

        for (var i = 0; dw_scrollObj.hold[i]; i++) {

            var wndo = document.getElementById(dw_scrollObj.hold[i][0]);

            var holder = document.getElementById(dw_scrollObj.hold[i][1]);

            var pos = getPageOffsets(holder);

            wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";

        }

    }

}



function getPageOffsets(el) {

    var left = el.offsetLeft;

    var top = el.offsetTop;

    if (el.offsetParent && el.offsetParent.clientLeft || el.offsetParent.clientTop) {

        left += el.offsetParent.clientLeft;

        top += el.offsetParent.clientTop;

    }

    while (el = el.offsetParent) {

        left += el.offsetLeft;

        top += el.offsetTop;

    }

    return { x: left, y: top };

}