window.addEvent('domready', function() {
	
	insertMainSlide();
	
	insertSidebarSlide();

});




function insertMainSlide() {

	var elContent = $('contentwrapper');
	
	var btnCacher1=new Element('a',{id:'btnCacher1',html:'<span>Cacher</span>',href:'#'});
	var btnAfficher1=new Element('a',{id:'btnAfficher1',html:'<span>Afficher le contenu</span>',href:'#',style:'visibility:hidden;'});
	
	btnCacher1.inject(elContent,'bottom');
	btnAfficher1.inject(elContent,'bottom');
	
	var elCacher1 = $('btnCacher1');
	var elAfficher1 = $('btnAfficher1');
	
	$('mainContent').setProperty('id','mainContentIn');
	var elMainContent = $('mainContentIn');
	
	var wrapMain = new Element('div',{id:'mainContent'});
	wrapMain.wraps(elMainContent,'top');

	
	var elSlide1 = $('mainContent');
	
	elCacher1.addEvent('click', function(e) {
		e.stop();
		elSlide1.fade('out');
		elCacher1.fade('out');
		elAfficher1.setStyle('visibility','visible');
	});
	elAfficher1.addEvent('click', function(e) {
		e.stop();
		elSlide1.fade(.85);
		elCacher1.fade('in');
		elAfficher1.setStyle('visibility','hidden');
	});
	
}





function insertSidebarSlide() {

	var elContent = $('contentwrapper');
	
	var btnCacher2=new Element('a',{id:'btnCacher2',html:'<span>Cacher</span>',href:'#'});
	var btnAfficher2=new Element('a',{id:'btnAfficher2',html:'<span>Afficher le contenu</span>',href:'#',style:'visibility:hidden;'});
	
	btnCacher2.inject(elContent,'bottom');
	btnAfficher2.inject(elContent,'bottom');
	
	var elCacher2 = $('btnCacher2');
	var elAfficher2 = $('btnAfficher2');
	
	$('sidebar').setProperty('id','sidebarIn');
	var elSidebar = $('sidebarIn');
	
	var wrapSidebar = new Element('div',{id:'sidebar'});
	wrapSidebar.wraps(elSidebar,'top');

	
	var elSlide2 = $('sidebar');
	
	elCacher2.addEvent('click', function(e) {
		e.stop();
		elSlide2.fade('out');
		elCacher2.fade('out');
		elAfficher2.setStyle('visibility','visible');
	});
	elAfficher2.addEvent('click', function(e) {
		e.stop();
		elSlide2.fade(0.85);
		elCacher2.fade('in');
		elAfficher2.setStyle('visibility','hidden');
	});
	
}