/* 	Script for module: MT Information Line 
	ver. 1.5.0
	Based on a script Globaldizajn MooMarquee
	Modified by Templatka.pl */

var il_przewin = new Class({
	options: {
				direction: 'horizontal',
				opoznienie: 30,
				krok: 2,
				width: '90%',
				height: 20,
				direction2: 'left'
	},

	initialize: function(el, options) {
		this.setOptions(options);
		this.element = el;
		this.periodical = "";

		this.newDiv = new Element("div");

		if(this.options.direction!="vertical"){
			this.newDiv.setStyles({
				"white-space":"nowrap",
				position:"absolute"
			})
		}

		this.element.setStyles({
			width : this.options.width,
			height: this.options.height,
			overflow:"hidden",
			position:"relative",
			margin:"auto"
		})
		
		this.newDiv.innerHTML = this.element.innerHTML;
		this.element.innerHTML = "";
		this.newDiv.injectInside(this.element);
		this.newDiv.addEvents({

			"mouseover" : function() {
				$clear(this.periodical)
			}.bind(this),
			"mouseout"  : function() {
				this.periodical = this.anim.bind(this).periodical(this.options.opoznienie)
			}.bind(this)

		})
		
		this.il_szerokosc = this.options.direction=="vertical" ? this.newDiv.getSize().size.y*-1 : this.newDiv.getSize().size.x*-1;
		this.il_limit = this.options.direction=="vertical" ? this.element.getSize().size.y : this.element.getSize().size.x;
		this.il_pozycja = this.il_limit;
		//this.style = this.options.direction=="vertical" ? "marginTop" : "right";
		this.style = this.options.direction=="vertical" ? "marginTop" : this.options.direction2;
		this.periodical = this.anim.bind(this).periodical(this.options.opoznienie);
	},
	anim: function() {

		if(this.il_pozycja<this.il_szerokosc) this.il_pozycja = this.il_limit;
		this.il_pozycja = this.il_pozycja-this.options.krok;
		this.newDiv.setStyle(this.style,this.il_pozycja);
	}
})

il_przewin.implement(new Options, new Events);