window.addEvent('domready',function()
	{
		var tab = $$('div.csc-textpic');
		var actif = 0;
		var bg = new Element('div', {'id':'bgHandler'}).injectAfter($('services_tabs'));
		origin = $('services_tabs').getCoordinates().left;
		tab.each(function(el)
		{
			el.setStyle('display','none');
		});
		bg.fx = new Fx.Styles(bg, {duration:800, wait:false});
		$$('#services_tabs a').each(function(el, index){
			el.addEvent('click', function(e)
			{
				var e = new Event(e);
				e.stop();
				this.blur();
				origin = $('services_tabs').getCoordinates().left;
				el.pos = el.getCoordinates();
				moveBg(el.pos.left-origin, el.pos.width);
				afficheActif(index);
			});
		});
		function moveBg(toThis,thisWidth)
		{
			bg.fx.start({'margin-left':toThis, width:thisWidth});
		}
		function afficheActif(newItemToShow)
		{
			tab[actif].setStyle('display','none');
			actif = newItemToShow;
			tab[actif].setStyle('display','block');
		}
		// GO !!
		afficheActif(0);
		moveBg(0, $$('#services_tabs a')[0].getCoordinates().width);
	});