/********************************************************************************************
* BlueShoes Framework; This file is part of the php application framework.
* NOTE: This code is stripped (obfuscated). To get the clean documented code goto 
*       www.blueshoes.org and register for the free open source *DEVELOPER* version or 
*       buy the commercial version.
*       
*       In case you've already got the developer version, then this is one of the few 
*       packages/classes that is only available to *PAYING* customers.
*       To get it go to www.blueshoes.org and buy a commercial version.
* 
* @copyright www.blueshoes.org
* @author    sam blum <sam-at-blueshoes>
* @author    Andrej Arn <andrej-at-blueshoes>
*/
function Bs_ScrollableDiv() {
    this.sliderObj;
    this.bwCheckObj;
    this.lastScrollTo = 0;
    this.containerObj;
    this.contentObj;
    this.containerElm;
    this.contentElm;
    this.sliderDivId;
    this.isActive = false;
    this.init = function(containerDivId, contentDivId) {
        this.bwCheckObj = lib_bwcheck();
        this.containerObj = new makeObj(this.bwCheckObj, containerDivId);
        this.contentObj   = new makeObj(this.bwCheckObj, contentDivId, containerDivId);
        this.contentObj.moveIt(0, 0);this.containerObj.css.visibility = "visible";
        this.containerElm = document.getElementById(containerDivId);
        this.contentElm   = document.getElementById(contentDivId);
        if (this.contentElm.attachEvent) {
            this.contentElm.Bs_ScrollableDiv = this;
            this.contentElm.attachEvent('onmousewheel', Bs_ScrollableDiv_onMouseWheel);
        }
    }
    this.setSliderObject = function(sliderObj, sliderDivId) {
        sliderObj.useInputField = 0;
        sliderObj.attachOnChange(Bs_ScrollableDiv_sliderChange);
        this.sliderObj = sliderObj;
        if (this.sliderObj.height == 'auto') {
            this.sliderObj.height = this.containerElm.offsetHeight - (this.sliderObj._arrowIconLeftHeight + this.sliderObj._arrowIconRightHeight);
        }
        if (this.sliderObj.width == 'auto') {
            this.sliderObj.width = this.containerElm.offsetWidth - (this.sliderObj._arrowIconLeftWidth + this.sliderObj._arrowIconRightWidth);
        }
        this.sliderObj.Bs_ScrollableDiv = this;
        this.sliderDivId = sliderDivId;
        this.updateScrollableSpace();
    }

    this.setSlideSpeed = function(amount, unit) {
        this.sliderObj.valueInterval  = 0.1;
        this.sliderObj.arrowAmount    = amount * this.sliderObj.arrowKeepFiringTimeout /1000; 
        this.sliderObj.minVal = 0;
        if (this.sliderObj.direction == 0) {
            this.sliderObj.maxVal         = this.contentElm.scrollWidth - this.containerElm.offsetWidth;
        } else {
            this.sliderObj.maxVal         = this.contentElm.scrollHeight - this.containerElm.offsetHeight;
        }
        if (this.sliderObj.valueDefault > 0) {
            this.sliderObj.valueDefault = this.sliderObj.maxVal / 100 * this.sliderObj.valueDefault;
        }
        this.updateScrollableSpace();
    }
    
    this.setWheelSpeed = function(amount, unit) {
        this.sliderObj.wheelAmount    = amount;
    }
    
    this.updateScrollableSpace = function() {
        if (this.sliderObj.direction == 0) {
            var scrollableSpace = this.contentElm.offsetWidth - this.containerElm.offsetWidth;
        } else {
            var scrollableSpace = this.contentElm.offsetHeight - this.containerElm.offsetHeight;
        }
        if (this.sliderObj.maxVal == 'auto') {
            this.sliderObj.maxVal = scrollableSpace;
        }
        
        if (scrollableSpace > 0) {
            document.getElementById(this.sliderDivId).style.display="block";
            this.isActive = true;
            this.sliderObj.drawInto(this.sliderDivId);
            if (this.sliderObj.valueDefault != this.sliderObj.minVal) {               
                this.bsSliderChange(this.sliderObj.valueDefault);
            }
        } else {
            document.getElementById(this.sliderDivId).style.display="none";            
            this.isActive = false;
        }
    }
    
    this.onMouseWheel = function() {
        this.sliderObj.onMouseWheel();
    }
    this.bsSliderChange = function(val, newPos) {

        var percent = val * 100 / (this.sliderObj.maxVal - this.sliderObj.minVal);
        if (this.sliderObj.direction == 0) {        
            var scrollableSpace = this.contentElm.offsetWidth  - this.containerElm.offsetWidth;
        } else {
            var scrollableSpace = this.contentElm.offsetHeight - this.containerElm.offsetHeight;
        }
        var scrollTo = parseInt(scrollableSpace * percent  / 100);
        //if(this.bwCheckObj.firefox)scrollTo*=3;
        if (scrollTo != this.lastScrollTo) {
            if (this.sliderObj.direction == 0) {
                this.contentObj.moveIt(-scrollTo, 0);
            } else {                
                this.contentObj.moveIt(0, -scrollTo);
            }
            this.lastScrollTo = scrollTo;
        }
    }
}

function Bs_ScrollableDiv_onMouseWheel() {
    var obj   = window.event.srcElement;
    var gotIt = false;
    while (true) {
        if (typeof(obj.Bs_ScrollableDiv) != 'undefined') {
            gotIt = true;break;
        }
        if (typeof(obj.parentNode) == 'undefined') break;
        obj = obj.parentNode;
    }
    if (gotIt && obj.Bs_ScrollableDiv.isActive) {
        obj.Bs_ScrollableDiv.onMouseWheel();
        return false;
    } else {
        return true;
    }
}
function lib_bwcheck() {
    this.ver=navigator.appVersion;
    this.agent=navigator.userAgent;
    this.dom=(document.getElementById) ? 1 : 0;
    this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0;
    this.firefox=(navigator.userAgent.indexOf("Firefox")>-1 && document.getElementById)?1:0;
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6;this.mac=this.agent.indexOf("Mac")>-1;
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5);
    bs_px_char = (this.ns4 || window.opera) ? "" : "px";
    return this;
}
function Bs_ScrollableDiv_moveIt(x,y) {
   
    this.x = x;
    this.y = y;
    this.css.left = this.x + bs_px_char;  
    this.css.top  = this.y + bs_px_char;        

}
function Bs_ScrollableDiv_sliderChange(sliderObj, val, newPos){
    sliderObj.Bs_ScrollableDiv.bsSliderChange(val, newPos);
}
function makeObj(bwCheckObj, obj, nest){
    nest=(!nest) ? "":'document.'+nest+'.';
    this.el=bwCheckObj.dom?document.getElementById(obj):bwCheckObj.ie4?document.all[obj]:bwCheckObj.ns4?eval(nest+'document.'+obj):0;
    this.css= (bwCheckObj.dom) ? document.getElementById(obj).style : (bwCheckObj.ie4) ? document.all[obj].style : (bwCheckObj.ns4) ? eval(nest+'document.'+obj) : 0;
    this.scrollHeight=bwCheckObj.ns4?this.css.document.height:this.el.offsetHeight;
    this.clipHeight=bwCheckObj.ns4?this.css.clip.height:this.el.offsetHeight;
    this.moveIt=Bs_ScrollableDiv_moveIt;
    this.x=0;
    this.y=0;
    this.obj = obj + "Object";
    eval(this.obj + "=this");
    return this;
}