window.addEvent('domready', function(){ 
	
	var btns = [$('sl-search'), $('sl-sitemap'), $('sl-contact'), $('sl-about'), 
	
	]; //// link triggers ;
	var slides = [$('slider1'), $('slider2'), $('slider3'), $('slider4'), 

	 ]; //// slide elements;
	var mySlide = [];
	var openSlide = -1; //Create a flag variable to be checked and test if any slide is opened;
 	
	$('slider1').setStyle('display', 'block');
	$('slider2').setStyle('display', 'block');
	$('slider3').setStyle('display', 'block');
	$('slider4').setStyle('display', 'block');	
	
	slides.each(function(slide, idx) { //For each element in slides do...
		mySlide[idx] = new Fx.Slide(slide, {duration: 500}).hide(); //Create an array with the Fx.Slide for each element in slides and hides it;
		btns[idx].addEvent('click', function(e) { //Add a click event for each element in btns;
			e = new Event(e);
			if ( openSlide == -1 ) { //Check if a slide has been opened before;
				openSlide = idx;
				mySlide[idx].slideIn(); //Slide In the slide;
			} else {
				mySlide[openSlide].slideOut(); //Slide Out the previous openened slide;
				mySlide[idx].slideIn(); //Slide In the slide;
				if ( openSlide != idx ) openSlide = idx; //openSlide will now be the current open slide;
				else openSlide = -1; //If closing the open item, will reset openSlide to it's initial state;
			}
			e.stop();
		});
	});
 
}  )// end