// JScript File

// 2D array of divs in scrollers
var scrollernodes = new Object();
// Array of scroller effects
var scrollActiveFx = new Object();
// Array of scroller effects
var scrollNextFx = new Object();
// Array of curent pages on scroller
var curentScroll = new Object();
// Array of stoped scrollers
var stopedScroll = new Object();

var Sroller = new Class({
    // inicialization of slider
    initialize: function(id,direction,moveTime,stopTime,onMouseStop,width,height){
        this.id = id;
        this.direction = direction;
        this.moveTime = moveTime;
        this.stopTime = stopTime;
        this.width   = width; 
        this.height  = height;
        if (onMouseStop == "True") {this.onMouseStop = true;} else {this.onMouseStop = false;}
        scrollernodes[this.id] = [];
        curentScroll[this.id] = 1;
        stopedScroll[this.id] = true;
        var scroll = $(this.id);
        var alldivs = $$("div.scrollerContent");
        for (var i=0; i<alldivs.length; i++)
        {
            if ((alldivs[i]).parentNode.id == this.id)
            {
                scrollernodes[this.id].push(alldivs[i])
            }
        }
        if (scrollernodes[this.id].length != 0) {
            //inicialize divs for active and next
            this.active = scrollernodes[this.id][0];
            if (scrollernodes[this.id].length > 1 ) {
                this.next = scrollernodes[this.id][1];
            }
            else {
                // if only one then next = active.clone
                this.next = this.active.clone().injectInside(this.id);
                scrollernodes[this.id][1] = this.next;
            }
            
            scrollActiveFx[this.id] = new Fx.Morph(this.active, {duration:this.moveTime});
            scrollNextFx[this.id]   = new Fx.Morph(this.next,   {duration:this.moveTime});
            
            //show first
            this.show();
            
            // if is set onMouseOver stop
            if (this.onMouseStop) {
                //OnMouseOver pause
                var delay = this.moveTime+this.stopTime;
                var stop = this.stopTime;
                var sroller = this;
                scroll.addEvents({
		            mouseenter: function(){
			            scrollActiveFx[sroller.id].pause();
			            scrollNextFx[sroller.id].pause();
			            clearTimeout(window[sroller.id+"timer"]);
		            },
		            mouseleave: function(){
			            if (stopedScroll[sroller.id]){
			                window[sroller.id+"timer"] = setTimeout(function(){startScroller(sroller,delay, true)},stop); 
			            }
			            else {
			                stopedScroll[sroller.id] = false; 
			                scrollActiveFx[sroller.id].resume();
			                scrollNextFx[sroller.id].resume();
			                window[sroller.id+"timer"] = setTimeout(function(){startScroller(sroller,delay, false)},stop);
			            } 
		            }
	            });
	        }
        }
    },
    //show start page and move to top and hide others
    show:function(){ 
        var dir = this.direction; 
        var height = this.height; 
        var width = this.width;
        var id = this.id;
        
        // set starting positions for all divs 
        scrollernodes[this.id].each(function(item, index){
            item.setOpacity(0);
            if (dir == 0) { // Down->Up
                if (index == 0){ var t = 0; } else { var t = height; }
                item.setStyle('top', t);
            }
            if (dir == 1) { // Up->Down
                if (index == 0){ var t = 0; } else { var t = -height; }
                item.setStyle('top', t);
            }
            if (dir == 2) { // Left->Right
                if (index == 0){ var t = 0; var l = 0; } 
                else { var t = 0; var l = -width;}
                item.setStyles({'top': t, 'left': l});
            }
            if (dir == 3) { // Right->Left
                if (index == 0){ var t = 0; var l = 0; } 
                else { var t = 0; var l = width; }
                item.setStyles({'top': t, 'left': l});
            }
        });
        // show active and next div
        this.active.setOpacity(1);
        this.next.setOpacity(1);
        
        // show main div when everything is set
        $(this.id).style.visibility = 'visible';
    },
    //move div
    move:function(){
        
        stopedScroll[this.id] = false;
        
        scrollActiveFx[this.id] = new Fx.Morph(this.active, {duration:this.moveTime});
        scrollNextFx[this.id]   = new Fx.Morph(this.next,   {duration:this.moveTime});
        
        var thisObj = this;
        scrollNextFx[this.id].addEvent('complete', function() { thisObj.swap(); });
        
        if (this.direction == 0) { // Down->Up
            //active top 
            scrollActiveFx[this.id].start({'top':[0, -this.height]});
            //next top
	        scrollNextFx[this.id].start({'top':[this.height, 0]});
        }
        if (this.direction == 1) { // Up->Down
            //active top 
            scrollActiveFx[this.id].start({'top': [0, this.height]});
            //next top
	        scrollNextFx[this.id].start({'top': [-this.height, 0]});
        }
        if (this.direction == 2) { // Left->Right
            //active left
            scrollActiveFx[this.id].start({'left': [0, this.width]});
            //next left
	        scrollNextFx[this.id].start({'left': [-this.width, 0]});
        }
        if (this.direction == 3) { // Right->Left
            //active left
            scrollActiveFx[this.id].start({'left': [0, -this.width]});
            //next left
	        scrollNextFx[this.id].start({'left': [this.width, 0]});
        }

    },
    //swap divs
    swap:function(){
        stopedScroll[this.id] = true; 
        
        //hide active div
        this.active.setOpacity(0);
        
        curentScroll[this.id]++;
        if (curentScroll[this.id] == scrollernodes[this.id].length) {
            curentScroll[this.id] = 0;
        }
        //swap divs
        this.active = this.next;
        this.next = scrollernodes[this.id][curentScroll[this.id]];
        //show next div
        this.next.setOpacity(1);   
    }
});

function startScroller(scrollingText,time, move){
    if(move)
    {  
        scrollingText.move();
    }
    window[scrollingText.id+"timer"]=setTimeout(function(){startScroller(scrollingText,time, true)},time);
}