var defileVerticaleDr = new Class({
	initialize: function(idDiv, tabDonnees){
		this.div = $(idDiv);
		this.nbIteration = 2;
		this.iOpacity = 50;
		
		this.hideAllDiv();
		this.opacityDivTop();
		this.opacityDivBottom();
		this.buildDiv(tabDonnees);
	},
	hideAllDiv: function(){
		$$('.nos-marque-noscript').each(function(item, valeur){
			item.remove();
		});
	},
	opacityDivTop: function(){
		for(i=1; i<this.iOpacity; i++)
		{
			span = new Element('span');			
			span.setStyle('width', '100px');
			span.setStyle('height', '1px');
			span.setStyle('display', 'block');
			span.setStyle('position', 'absolute');
			span.setStyle('background-color', 'white');
			span.setStyle('margin-top', i - 1 + 'px');
			span.setOpacity(1-(i*0.02));
			if(window.ie)
			{
				span.setStyle('margin-left', '-50px');
			}
			this.div.adopt(span);
		}
	},
	opacityDivBottom: function(){		
		for(i=1; i<this.iOpacity; i++)
		{
			span = new Element('span');
			span.setStyle('width', '100px');
			span.setStyle('height', '1px');
			span.setStyle('display', 'block');
			
			span.setStyle('position', 'absolute');
			span.setStyle('margin-top', (this.div.getStyle('height').toInt() - i + 1) + 'px');
			span.setStyle('background-color', 'white');
			span.setOpacity(1 -(i*0.02));
			
			if(window.ie)
			{
				span.setStyle('margin-left', '-50px');
			}
			this.div.adopt(span);
		}
	},
	buildDiv: function(donnees){
		for(i=0; i<this.nbIteration; i++)					
			donnees.each(function(item, valeur){
				a1 = new Element('a', {
					'class': item.classe,
					'href': item.href
				});
				img = new Element('img', {
					'src': item.src,
					'alt': 'Véhicules neuf de la marque ' + item.nom
				})
				a1.adopt(img);
				a2 = new Element('a', {
					'class': item.classe,
					'href': item.href
				});
				a2.setText(item.nom.toUpperCase());
				div = new Element('div');
				div.adopt(a1);
				div.adopt(new Element('br'));
				div.adopt(a2);
				
				this.div.adopt(div);
			}.bind(this));
		
		
		
		fin = new Element('div', {
			'id':'finDefileVerticaleDr'
		});
		fin.setStyle('display', 'none');
		this.div.adopt(fin);
		this.hauteurDivImg = this.div.getElement("div").getStyle('height').toInt();
	},
	launch: function(){
		first = this.div.getElement("div");
		second = first.getNext();
		if(this.hauteurDivImg < this.div.getElement("div").getStyle('height').toInt())
			this.hauteurDivImg = this.div.getElement("div").getStyle('height').toInt();
		if(this.hauteurDivImg < 40)
			this.launch.delay(50, this);
		else
			first.effect('margin-top', {'duration': 4000, transition: Fx.Transitions.linear}).start(0, -this.hauteurDivImg).chain(function(){
				first.injectBefore('finDefileVerticaleDr');
				first.setStyle('margin-top', '0');
				this.launch();
			}.bind(this));
	}
		
});