/*-----------------------------------------------------------------------------------------------*/
//
// Copyright (c) 2009 Agence Clark (http://www.agence-clark.com)
//
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
// Init Page
/*-----------------------------------------------------------------------------------------------*/
Event.observe(window, 'load', function(){
	var tabP = $$('.g_bas p');
	tabP.last().insert({after:'<p id="plus" class="plus"><a href="#"><span>Afficher la suite</span></a></p>'});	
	tabP.each(function(e,i){
		if(i>1) {
			e.wrap('div', {'class': 'wrapP', style:'display:none'});
		}
	});
	var bt = $('plus').down('a');
	bt.onclick = function(){return false};
	var observeBt = function(){
		bt.blur();								
		$$('.wrapP').each(function(e){
			if(!bt.hasClassName('masquer')){									   
				Effect.Appear(e,{
					beforeStart:function(){Event.stopObserving(bt, 'click', observeBt);},
					afterFinish:function(){Event.observe(bt, 'click', observeBt);}
				});
			} else {
				Effect.Fade(e,{
					duration:0.3,		
					beforeStart:function(){Event.stopObserving(bt, 'click', observeBt);},
					afterFinish:function(){Event.observe(bt, 'click', observeBt);}
				});
			}
		});
		if(bt.hasClassName('masquer')){
			bt.removeClassName('masquer');
			bt.down('span').update('Afficher la suite');
		} else {
			bt.addClassName('masquer');
			bt.down('span').update('Masquer la suite');			
		}
	};
	Event.observe(bt, 'click', observeBt);
});