/* Javascript by Daniel Cohen Gindi (c) danielgindi@gmail.com 054-5655765 */
/* Version: 2009-06-10 */

function createScrollingNewsObject(divName, boxWidth, boxHeight, speed, direction, newsLinger, stopOnHover, highlightOnHover, textColor, textColorHover, textDirection, textAlign, arrTexts, divClip, endSpacer, addStyleStr)
{ // Backwards compatibility
	var news = new scrollingNews();
	news.element=divName;
	if (boxWidth) news.width=boxWidth;
	if (boxHeight) news.height=boxHeight;
	news.speed=speed;
	news.direction=direction;
	news.linger=newsLinger;
	news.stopOnHover=stopOnHover;
	news.underlineOnHover=highlightOnHover;
	news.textColor=textColor;
	news.colorOnHover=textColorHover;
	news.textDirection=textDirection;
	news.textAlign=textAlign;
	news.arrNews=arrTexts;
	if (divClip!=undefined && divClip!=null) news.divClip=parseInt(divClip);
	if (endSpacer!=undefined && endSpacer!=null) news.endSpacer=endSpacer;
	if (addStyleStr && ((typeof addStyleStr) == 'string')) news.addStyleStr=';' + addStyleStr;
	news.create();
	return news;
}

function scrollingNews() { };

scrollingNews.prototype = {

    created: false,
    arrNews: null,
    element: null,
    speed: 30,
    speedSteps: 1,
    linger: 2000,
    stopOnHover: true,
    underlineOnHover: true,
    colorOnHover: '',
    textColor: '',
    textAlign: '',
    textDirection: '',
    addStyleStr: null,
    direction: 'left',
    endSpacer: 8,
    _el: null, _elAbs: null,
    _arrDivs1: null, _arrDivs2: null,
    _div1: null, _div2: null,
    _zeroPoint: 10,
    _divsDiff: null,
    _divLength: null,
    _scrollPos: null,
    _int: null,
    _size: null,
    _divsDeltas: null,
    _nextLinger: 0,
    width: null, height: null,
    _parentLength: null,
    divClip: 2,
    _mouseStop: false,
    _vert: true,

    create: function() {
        var _thisObj = this;
        this._thisObj = this;
        this._FdoScroll = function() { return _thisObj._doScroll(); };
        this._FendLinger = function() { return _thisObj._endLinger(); };
        this._FmouseOver = function(e) { return _thisObj._mouseOver(e || event); };
        this._FmouseOut = function(e) { return _thisObj._mouseOut(e || event); };
        this._create();
    },
    _create: function() {
        if (this.created) return;

        if (this.arrNews == null) this.arrNews = new Array();
        else this.arrNews = this.arrNews.slice(); // duplicate array as we may be modifying

        this.direction = this.direction + '';
        switch (this.direction) {
            default:
            case '1': case 'up': this.direction = 1; this._vert = true; break;
            case '2': case 'down': this.direction = 2; this._vert = true; break;
            case '3': case 'left': this.direction = 3; this._vert = false; break;
            case '4': case 'right': this.direction = 4; this._vert = false; break;
        }

        if (this.direction == 2 || this.direction == 4) this.arrNews.reverse();

        this._div1 = document.createElement('div');
        this._div2 = document.createElement('div');
        this._div1.style.position = 'absolute';
        this._div2.style.position = 'absolute';
        this._arrDivs1 = new Array();
        this._arrDivs2 = new Array();

        this.created = true;
        if (this.element != null) this._int = setInterval(this._FdoScroll, this.speed);
    },
    _prepareSubDiv: function(div) {
        if (typeof this.addStyleStr == 'string') div.style.cssText += this.addStyleStr;

        try {
            if (this.direction == 1) div.style.paddingBottom = this.endSpacer + 'px';
            else if (this.direction == 2) div.style.paddingTop = this.endSpacer + 'px';
            else if (this.direction == 3) div.style.paddingRight = this.endSpacer + 'px';
            else if (this.direction == 4) div.style.paddingLeft = this.endSpacer + 'px';
        } catch (E) { };
        try { div.style.color = this.textColor; } catch (E) { };
        try { div.style.cursor = 'pointer' } catch (E) { };
        try { div.style.textAlign = this.textAlign; } catch (E) { };
        try { div.style.direction = this.textDirection; } catch (E) { };
        div.style.position = 'absolute';
        div.style.overflow = 'hidden';
        if (this._vert) div.style.width = this.width + 'px';
        else {
            div.style.height = this.height + 'px';
            div.style.whiteSpace = 'nowrap';
        }

        dgTools.observe(div, 'mouseover', this._FmouseOver);
        dgTools.observe(div, 'mouseout', this._FmouseOut);
    },
    _prepare: function() {
        if (this._el != null) return true;

        if (this.element) this._el = $(this.element);
        if (this._el == null) return false;

        if (this.width == null) this.width = dgTools.Elm.width(this._el);
        if (this.height == null) this.height = dgTools.Elm.height(this._el);

        var el;
        for (var i = 0; i < this.arrNews.length; i++) {
            el = document.createElement('div');
            el.innerHTML = this.arrNews[i];
            this._prepareSubDiv(el);
            this._arrDivs1.push(el);
            this._div1.appendChild(this._arrDivs1[i]);

            el = document.createElement('div');
            el.innerHTML = this.arrNews[i];
            this._prepareSubDiv(el);
            this._arrDivs2.push(el);
            this._div2.appendChild(this._arrDivs2[i]);
        }

        this._calcSizes();

        // absolute container
        el = document.createElement('div');
        el.style.width = this.width + 'px';
        el.style.height = this.height + 'px';
        el.style.position = 'absolute';
        el.style.overflow = 'hidden';
        this._el.appendChild(el);
        this._elAbs = el;

        // inner relative container
        el = document.createElement('div');
        el.style.width = this.width + 'px';
        el.style.height = this.height + 'px';
        el.style.position = 'relative';
        this._elAbs.appendChild(el);
        this._el = el;

        if (this._vert) this._scrollPos = 0; else this._scrollPos = 0;

        if (this._vert) {
            this._div2.style.height = this._div1.style.height = this._divLength + 'px';
            this._div2.style.width = this._div1.style.width = this.width + 'px';
            this._divsDiff = this.height - this._divLength;
            this._parentLength = this.height;
        }
        else {
            this._div2.style.width = this._div1.style.width = this._divLength + 'px';
            this._div2.style.height = this._div1.style.height = this.height + 'px';
            this._div2.style.whiteSpace = 'nowrap';
            this._divsDiff = this.width - this._divLength;
            this._parentLength = this.width;
        }
        if (this._divsDiff < this.endSpacer) this._divsDiff = this.endSpacer;

        if (this.direction == 1) {
            this._div1.style.top = this._parentLength - this._scrollPos + 'px';
            this._div2.style.top = (this._parentLength - this._scrollPos + this._divsDiff + this._divLength) + 'px';
        }
        else if (this.direction == 2) {
            this._div1.style.top = -this._divLength + this._scrollPos + 'px';
            this._div2.style.top = (-this._divLength + this._scrollPos - this._divsDiff - this._divLength) + 'px';
        }
        else if (this.direction == 3) {
            this._div1.style.left = this._parentLength - this._scrollPos + 'px';
            this._div2.style.left = (this._parentLength - this._scrollPos + this._divsDiff + this._divLength) + 'px';
        }
        else if (this.direction == 4) {
            this._div1.style.left = -this._divLength + this._scrollPos + 'px';
            this._div2.style.left = (-this._divLength + this._scrollPos - this._divsDiff - this._divLength) + 'px';
        }

        this._el.appendChild(this._div1);
        this._el.appendChild(this._div2);

        switch (this.direction) {
            case 1:
            case 2:
                this._elAbs.style.clip = "rect(" + this.divClip + "px " + this.width + "px " + (this.height - (window.ie ? (this.divClip * 2) : this.divClip)) + "px 0px)";
                break;
            case 3:
            case 4:
                this._elAbs.style.clip = "rect(0px " + (this.width - (window.ie ? (this.divClip * 2) : this.divClip)) + "px " + this.height + "px " + this.divClip + "px)";
                break;
        }

        return true;
    },
    _calcSizes: function() {
        this._size = new Array();
        this._divsDeltas = new Array();

        var elParent = document.createElement('div');
        var elText = document.createElement('div');

        if (this._vert) elParent.style.width = this.width + 'px';
        else {
            elParent.style.height = this.height + 'px';
            elParent.style.whiteSpace = 'nowrap';
            elText.style.float = 'left';
        }

        elParent.style.visiblity = 'hidden';
        elParent.style.position = 'absolute';
        elParent.style.top = '-10000px';
        elParent.style.zIndex = '-1000';
        elText.style.position = 'absolute';
        try { elText.style.textAlign = this.textAlign; } catch (E) { };
        try { elText.style.direction = this.textDirection; } catch (E) { };
        document.body.appendChild(elParent);
        elParent.appendChild(elText);

        if (typeof this.addStyleStr == 'string') elText.style.cssText += this.addStyleStr;

        var sum = 0, s;
        for (var i = 0; i < this.arrNews.length; i++) {
            if (this._vert) elText.style.width = this.width + 'px';
            else {
                elText.style.height = this.height + 'px';
                elText.style.whiteSpace = 'nowrap';
            }
            elText.innerHTML = this.arrNews[i];
            if (this._vert) s = dgTools.Elm.height(elText); else s = dgTools.Elm.width(elText);
            if (s == null) s = 0;
            if (this._vert) {
                this._arrDivs1[i].style.top = this._arrDivs2[i].style.top = sum + 'px';
                this._arrDivs1[i].style.height = this._arrDivs2[i].style.height = s + 'px';
            }
            else {
                this._arrDivs1[i].style.left = this._arrDivs2[i].style.left = sum + 'px';
                this._arrDivs1[i].style.width = this._arrDivs2[i].style.width = s + 'px';
                this._arrDivs1[i].style.whiteSpace = 'nowrap';
            }
            s += this.endSpacer;
            this._divsDeltas.push(sum); this._size.push(s);
            sum += s;
        }
        this._divLength = sum;
        elParent.removeChild(elText);
        document.body.removeChild(elParent);

        delete elText;
        delete elParent;
    },
    _doScroll: function() {
        if (this._el == null) { if (!this._prepare()) return; }
        if (this._mouseStop) return;

        var bLinger = false;

        if (this._scrollPos + this.speedSteps >= this._divLength + this._parentLength) {
            this._scrollPos -= this._divLength + this._divsDiff;
            if (this._nextLinger == this._arrDivs1.length) this._nextLinger = 0;
        }

        if (this._parentLength - (this._scrollPos + this.speedSteps) + this._divsDeltas[this._nextLinger] <= this._zeroPoint) {
            bLinger = true;
            this._scrollPos = this._parentLength + this._divsDeltas[this._nextLinger] - this._zeroPoint;
        }
        else this._scrollPos += this.speedSteps;

        if (this.direction == 1) {
            this._div1.style.top = this._parentLength - this._scrollPos + 'px';
            this._div2.style.top = (this._parentLength - this._scrollPos + this._divsDiff + this._divLength) + 'px';
        }
        else if (this.direction == 2) {
            this._div1.style.top = -this._divLength + this._scrollPos + 'px';
            this._div2.style.top = (-this._divLength + this._scrollPos - this._divsDiff - this._divLength) + 'px';
        }
        else if (this.direction == 3) {
            this._div1.style.left = this._parentLength - this._scrollPos + 'px';
            this._div2.style.left = (this._parentLength - this._scrollPos + this._divsDiff + this._divLength) + 'px';
        }
        else if (this.direction == 4) {
            this._div1.style.left = -this._divLength + this._scrollPos + 'px';
            this._div2.style.left = (-this._divLength + this._scrollPos - this._divsDiff - this._divLength) + 'px';
        }

        if (bLinger) { clearInterval(this._int); setTimeout(this._FendLinger, this.linger); }
    },
    _endLinger: function() {
        this._nextLinger++;
        this._int = setInterval(this._FdoScroll, this.speed);
    },
    _mouseOver: function(evt) {
        if (this.stopOnHover) this._mouseStop = true;
        var el = evt.toElement || evt.target;
        if (el) {
            try { if (this.colorOnHover.length > 0) el.style.color = this.colorOnHover; } catch (E) { };
            try { if (this.underlineOnHover) el.style.textDecoration = 'underline'; } catch (E) { };
        }
    },
    _mouseOut: function(evt) {
        this._mouseStop = false;
        var el = evt.srcElement || evt.target;
        if (el) {
            try { if (this.textColor && this.textColor.length > 0) el.style.color = this.textColor; else if (this.colorOnHover && this.colorOnHover.length > 0) el.style.color = ''; } catch (E) { };
            try { if (this.underlineOnHover) el.style.textDecoration = 'none'; } catch (E) { };
        }
    }
}