window.addEvent('load', function() {
	init_slide();
	init_info_slide();
	show_default_info('cat_ballons_tactiques');
	
});

function init_slide() {
	var btn_cat_info = new Array("ballons_tactiques", "easyglider_tactique", "segway_tactique", "segway_multi", "cyclop_tactique");
	
	btn_cat_info.each(function(item, index){
		var newbtn = "cat_"+item;
		var myFx = new Fx.Slide(newbtn).hide();
	});
}

function init_info_slide() {
	
	var btn_cat_info2 = new Array("ballons_tactiques", "easyglider_tactique", "segway_tactique", "segway_multi", "cyclop_tactique");

	btn_cat_info2.each(function(item, index){
		var newbtn = "btn_"+item;
		//alert(newbtn);
		$(newbtn).addEvent('click', toggle_cat_info);
	});
}
	
function show_default_info(div) {
	var myVerticalSlide = new Fx.Slide(div);
	myVerticalSlide.show();	
}

function toggle_cat_info(e) {
	e.stop();
	var name_info = this.getParent().getNext().getChildren().getProperty('id')[0];	
	var nomSection = name_info.substring(name_info.indexOf("_") + 1, name_info.length);

	var myVerticalSlide = new Fx.Slide(name_info);
		myVerticalSlide.toggle();
}