window.addEvent('domready', function() {	
	
	var commStatus = {
		'true': 'hide comments',
		'false': 'view comments'
	};
	
	
	var navSlide1 = new Fx.Slide('nav_slide1');
	var navSlide2 = new Fx.Slide('nav_slide2');
	
	navSlide1.hide();
	navSlide2.hide();

	
	$('toggle1').addEvent('click', function(e){
		e.stop();
		navSlide1.toggle();
	});
	
	$('close1').addEvent('click', function(e){
		e.stop();
		navSlide1.toggle();
	});
		
	
	$('toggle2').addEvent('click', function(e){
		e.stop();
		navSlide2.toggle();
	});
	
	$('close2').addEvent('click', function(e){
		e.stop();
		navSlide2.toggle();
	});	
	
	var commSlides = $$('.showcomments');
	var togCommslide = $$('.togcomm');
	var commLink = $$('.vertical_status');
	var arrLink = $$('.arrow');
 
	commSlides.each(
		function(el, i){
	 
			var commSlider = new Fx.Slide(el);
			//commSlider.hide(); //that's to have your slider hidden at start
	 
			togCommslide[i].addEvent('click', function(e){
				e.stop();
				commSlider.toggle();
			});
			
			commSlider.addEvent('complete', function() {
				commLink.set('html', commStatus[commSlider.open]);
				
				if (commStatus == "true") {
						commLink.addClass('active');
					} else {
					commLink.removeClass('active');
					}
			});
	 
	});
	
	
	var leavecommSlides = $$('.leavecomments');
	var togCommFormslide = $$('.togcommform');	
 
	leavecommSlides.each(
		function(el, i){
	 
			var commFormSlider = new Fx.Slide(el);
			commFormSlider.hide(); //that's to have your slider hidden at start
	 
			togCommFormslide[i].addEvent('click', function(e){
				e.stop();
				commFormSlider.toggle();
			});
	 
	});
		
});