window.addEvent('domready', function(){
	
	//this code works
	var mySlide0 = new Fx.Slide('art_b_0');
	var mySlide1 = new Fx.Slide('art_b_1');
	var mySlide2 = new Fx.Slide('art_b_2');
	var mySlide3 = new Fx.Slide('art_b_3');
	var mySlide4 = new Fx.Slide('art_b_4');
	var mySlide5 = new Fx.Slide('art_b_5');
	var mySlide6 = new Fx.Slide('art_b_6');
	var mySlide7 = new Fx.Slide('art_b_7');
	var mySlide8 = new Fx.Slide('art_b_8');
	var mySlide9 = new Fx.Slide('art_b_9');
	var mySlide10 = new Fx.Slide('art_b_10');
	var mySlide11 = new Fx.Slide('art_b_11');
	var mySlide12 = new Fx.Slide('art_b_12');
	
	mySlide0.slideOut();
	mySlide1.slideOut();
	mySlide2.slideOut();
	mySlide3.slideOut();
	mySlide4.slideOut();
	mySlide5.slideOut();
	mySlide6.slideOut();
	mySlide7.slideOut();
	mySlide8.slideOut();
	mySlide9.slideOut();
	mySlide10.slideOut();
	mySlide11.slideOut();
	mySlide12.slideOut();
	
	
	$('art_t_0').addEvent('click', function(e){
		mySlide0.toggle();
		e.stop();
	});
		

	$('art_t_1').addEvent('click', function(e){
		mySlide1.toggle();
		e.stop();
	});
	
	$('art_t_2').addEvent('click', function(e){
		mySlide2.toggle();
		e.stop();
	});
	
	$('art_t_3').addEvent('click', function(e){
		mySlide3.toggle();
		e.stop();
	});
	
	$('art_t_4').addEvent('click', function(e){
		mySlide4.toggle();
		e.stop();
	});
	
	$('art_t_5').addEvent('click', function(e){
		mySlide5.toggle();
		e.stop();
	});
	
	$('art_t_6').addEvent('click', function(e){
		mySlide6.toggle();
		e.stop();
	});
	
	$('art_t_7').addEvent('click', function(e){
		mySlide7.toggle();
		e.stop();
	});
	
	$('art_t_8').addEvent('click', function(e){
		mySlide8.toggle();
		e.stop();
	});
	
	$('art_t_9').addEvent('click', function(e){
		mySlide9.toggle();
		e.stop();
	});
	
	$('art_t_10').addEvent('click', function(e){
		mySlide10.toggle();
		e.stop();
	});
	
	$('art_t_11').addEvent('click', function(e){
		mySlide11.toggle();
		e.stop();
	});
	
	$('art_t_12').addEvent('click', function(e){
		mySlide12.toggle();
		e.stop();
	});
	

	
	//slide out when click 'CLOSE'
	$('close_0').addEvent('click', function(e){
		mySlide0.slideOut();
		e.stop();
	});
	
	$('close_1').addEvent('click', function(e){
		mySlide1.slideOut();
		e.stop();
	});
	
	$('close_2').addEvent('click', function(e){
		mySlide2.slideOut();
		e.stop();
	});
	
	$('close_3').addEvent('click', function(e){
		mySlide3.slideOut();
		e.stop();
	});
	
	$('close_4').addEvent('click', function(e){
		mySlide4.slideOut();
		e.stop();
	});
	
	$('close_5').addEvent('click', function(e){
		mySlide5.slideOut();
		e.stop();
	});
	
	$('close_6').addEvent('click', function(e){
		mySlide6.slideOut();
		e.stop();
	});
	
	$('close_7').addEvent('click', function(e){
		mySlide7.slideOut();
		e.stop();
	});
	
	$('close_8').addEvent('click', function(e){
		mySlide8.slideOut();
		e.stop();
	});
	
	$('close_9').addEvent('click', function(e){
		mySlide9.slideOut();
		e.stop();
	});
	
	$('close_10').addEvent('click', function(e){
		mySlide10.slideOut();
		e.stop();
	});
	
	$('close_11').addEvent('click', function(e){
		mySlide11.slideOut();
		e.stop();
	});
	
	$('close_12').addEvent('click', function(e){
		mySlide12.slideOut();
		e.stop();
	});
	
	 
});