window.addEvent("load",function() {	
	$$('.gkHighlighterGK4').each(function(el,i) {	
		var $G = $Gavick[el.getProperty("id")];
		new GKNewsHighligher({
            wrapper: el,
            speed: $G['animationSpeed'],
            interval: $G['animationInterval'],
            fun: $G['animationFun'],
            type: $G['animationType'],
            mouseOver: $G['mouseover']
		});
	});
});
var GKNewsHighligher = new Class({
    options: {
        wrapper: null,
        speed: null,
        interval: null,
        fun: null,
        type: null,
        mouseOver: null
    },
    initialize: function(options) {
        this.setOptions(options);
        var $this = this;
        this.prev = null;
        this.next = null;
        this.item_anim = false;
        var modInterface = this.options.wrapper.getElement('.gkHighlighterInterface');  
        if(modInterface) {
            if(modInterface.getElement('.next')) {
                this.prev = this.options.wrapper.getElement('.prev');
                this.next = this.options.wrapper.getElement('.next');    
            }
            this.options.wrapper.getElement('.gkHighlighterWrapper').setStyle('width', ((this.options.wrapper.getSize().x - (modInterface.getSize().x + modInterface.getStyle('margin-left').toInt() + modInterface.getStyle('margin-right').toInt() + modInterface.getStyle('padding-left').toInt() + modInterface.getStyle('padding-right').toInt() + modInterface.getStyle('border-left-width').toInt() + modInterface.getStyle('border-right-width').toInt())) - 1) + "px");
        } else {
            this.options.wrapper.getElement('.gkHighlighterWrapper').setStyle('width', this.options.wrapper.getSize().x + "px");
        }
        if(this.options.wrapper.getElement('.gkHighlighterWrapper').getElement('.nowrap')) {
        	this.options.wrapper.getElement('.gkHighlighterWrapper').getElement('.nowrap').setStyle('position', 'static');
        }
        (this.options.type == 'linear') ? this.linear() : this.slides();
    },
    linear: function() {
        var $this = this;
        var nowrap = $this.options.wrapper.getElement('.nowrap');  
        $this.w = 0;
        $this.options.wrapper.getElements('.nowrap span').each(function(elmt, i){ $this.w += elmt.getSize().x; });
        var time = (($this.w+$this.options.wrapper.getSize().x)/$this.options.speed) * 1000;
        var timeOriginal = time;
        var effect = new Fx.Tween(nowrap, {duration: time, transition: Fx.Transitions.linear, onComplete: function(){
            var w = $this.options.wrapper.getSize().x;
            effect.set('margin-left', w);
            effect.start('margin-left', w, -$this.w);	
        }});
        if($this.options.mouseOver) {
            nowrap.addEvent("mouseenter", function(){
    			effect.pause();
            });
            nowrap.addEvent("mouseleave", function(){effect.resume();});
        }
        effect.set('margin-left', $this.options.wrapper.getSize().x);
        effect.start('margin-left', $this.options.wrapper.getSize().x, -$this.w);
    },
    slides: function() {
        var $this = this;
        $this.items = $this.options.wrapper.getElements('.gkHighlighterItem');
        $this.items.setStyle('display', 'block');
        $this.effects1 = [];
        $this.effects2 = [];
        $this.actual = 0;
        $this.mouseIsOver = false;
        $this.animPlay = false;
        //
        $this.timer = (function() { $this.timerFunc(); }).periodical($this.options.interval);
        //
		$this.items.each(function(elm, j) {
            elm.setStyle('z-index',$this.items.length - j);
            $this.effects1[j] = new Fx.Tween(elm, {duration: $this.options.speed, transition: $this.options.fun, wait:true, onStart:function(){ $this.animPlay = true; }, onComplete:function(){ $this.animPlay = false; } });
            $this.effects2[j] = new Fx.Tween(elm, {duration: $this.options.speed, transition: $this.options.fun, wait:true });
            if(j != 0) $this.effects1[j].set('opacity', 0);
            if($this.options.type !== 'linear') $this.effects2[j].set('top', 0);	
        });
        //
		if ($this.options.mouseOver) { 
			this.options.wrapper.getElement('.gkHighlighterWrapper').addEvent("mouseenter", function(){ $this.mouseIsOver = true; });
			this.options.wrapper.getElement('.gkHighlighterWrapper').addEvent("mouseleave", function(){ $this.mouseIsOver = false; });
		}
		if($this.next) {
            $this.next.addEvent('click', function(e){
                new Event(e).stop();
                if(!$this.animPlay) {
        			$this.effects1[$this.actual].start('opacity', 0);
                    $this.effects2[$this.actual].start('top', 0,-24);
        			$this.actual++;
        			if($this.actual > $this.items.length-1) $this.actual = 0;
        			$this.effects1[$this.actual].start('opacity', 1);
        			$this.effects2[$this.actual].start('top', 24,0);
        			//
        			$clear($this.timer);
        			$this.timer = (function(){ $this.timerFunc(); }).periodical($this.options.interval);
    			}
			});
			$this.prev.addEvent('click', function(e) {
                new Event(e).stop();
                if(!$this.animPlay) {
    				$this.effects1[$this.actual].start('opacity', 0);
    				$this.effects2[$this.actual].start('top', 0,24);
    				($this.actual == 0) ? $this.actual = $this.items.length-1 : $this.actual--;
    				$this.effects1[$this.actual].start('opacity', 1);
    				$this.effects2[$this.actual].start('top', -24,0);
    				//
    				$clear($this.timer);
    				$this.timer = (function(){ $this.timerFunc(); }).periodical($this.options.interval);
                }
			});
		}
    },
    timerFunc: function() {
        var $this = this;
        if($this.mouseIsOver == false) {
			$this.effects1[$this.actual].start('opacity', 0);
			$this.effects2[$this.actual].start('top', 0,-24);
			$this.actual++;
			if($this.actual > $this.items.length-1) $this.actual = 0;
			$this.effects1[$this.actual].start('opacity', 1);
			$this.effects2[$this.actual].start('top', 24,0);
		}
    }
});
GKNewsHighligher.implement(new Options);