var bannersHome = new Class({
    initialize: function(target){
		var ImagePasif = target.getElement('.Pasif');
		var ImageActif = target.getElement('.Actif');
		var Content = target.getElement('.BannersContent');
		Content.setStyles({'width':ImagePasif.getWidth()});
		var myFx = new Fx.Tween(ImagePasif, {duration: 200 }).set('opacity', 0).start('opacity', 1);

		
		ImagePasif.addEvents({
			'load': function(){
			},
			'mouseenter': function(){
				if (ImageActif){
					var myFxActif = new Fx.Tween(ImageActif, {duration: 200 }).set('opacity', 0).start('opacity', 1);
				}
			},
			'mouseout': function(){
			}
		});
		if (ImageActif){
			ImageActif.addEvents({
				'mouseenter': function(){
					if (ImageActif){
						// var myFxActif = new Fx.Tween(ImageActif, {duration: 200 }).set('opacity', 0).start('opacity', 1);
					}
				},
				'mouseout': function(){
						var myFxActif = new Fx.Tween(ImageActif, {duration: 200 }).set('opacity', 1).start('opacity', 0);
				}
			});
		}
    }
});

var HighLightNav = new Class({
    initialize: function(Target){
		this.Target = Target;
		this.banners = this.Target.getElements('.BannersSmallTarget');
		this.setArray(this);
		var myclass = this;
		window.addEvent('resize',function(){
			myclass.setArray(myclass);
		});
	},
	setArray: function(myclass){

		$('HighLightArrayRight').removeEvents('click');
		$('HighLightArrayLeft').removeEvents('click');

		var last = myclass.banners[myclass.banners.length-1];
		if (last.getCoordinates().left+last.getWidth() > window.getWidth()){
			$('HighLightArrayRight').setStyles({'visibility':'visible'});
			$('HighLightArrayRight').addEvents({'click': function(){ myclass.showNext(myclass); }});
		} else {
			$('HighLightArrayRight').setStyles({'visibility':'hidden'});
		}
		if (myclass.Target.getElements('.Hide').length > 0){
			$('HighLightArrayLeft').setStyles({'visibility':'visible'});
			$('HighLightArrayLeft').addEvents({'click': function(){ myclass.showPrev(myclass); }});
		} else {
			$('HighLightArrayLeft').setStyles({'visibility':'hidden'});
		}
	},
	showNext: function(myclass){
		var Box = myclass.Target.getElement('div[class=BannersSmallTarget]');
		var BoxContent = Box.getElement('.BannersContent');
		Box.set({'class':'BannersSmallTarget Hide'});
		var myFx3 = new Fx.Slide(BoxContent, {mode: 'horizontal',duration:300,transition: Fx.Transitions.Quad.easeInOut, onComplete: function(){ myclass.setArray(myclass); }}).show().slideOut();
	},
	showPrev: function(myclass){
		var hide = myclass.Target.getElements('.Hide');
		var Box = hide[hide.length-1];
		// Box.removeClass('Hide');
		Box.set({'class':'BannersSmallTarget'});
		var BoxContent = Box.getElement('.BannersContent');
		var myHorizontalSlide = new Fx.Slide(BoxContent, {mode: 'horizontal',duration:300,transition: Fx.Transitions.Quad.easeInOut, onComplete: function(){ myclass.setArray(myclass); }}).hide().slideIn();
	}
});