/* 	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",
			
			top: "1px",

			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);