// Rules
/*var myrules = {
	'#openArchive' : function(element){
		element.onclick = function(){
			var targetDiv = $('utils');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
			new Effect.Fade(this);
			Effect.Appear('closeArchive', {delay: 1});
		}
	},
	'#closeArchive' : function(element){
		element.onclick = function(){
			var targetDiv = $('utils');
			new Effect.BlindUp(targetDiv,{duration: 0.5});
			new Effect.Fade(this); 
			Effect.Appear('openArchive', {delay: 1});
		}
	},
	'#openComments' : function(element){
		element.onclick = function(){
			var targetDiv = $('comment-body');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
		}
	}
};*/

window.addEvent('domready', function() {

	var mySlide = new Fx.Slide('utils');
	mySlide.hide();
				
	var fx = new Fx.Styles($('openArchive'), {duration:500, wait:false});		
	$('openArchive').addEvent('click', function(e){
		mySlide.toggle();
		fx.start({
			'opacity': 0	
		}).chain(function(){
			$('openArchive').setStyle('display', 'none');
			$('closeArchive').setStyle('display', 'block');
			$('closeArchive').setStyle('opacity', '0');
			fx1.start({
				'opacity': 1
			});
		});
	});
	
	var fx1 = new Fx.Styles($('closeArchive'), {duration:500, wait:false});		
	$('closeArchive').addEvent('click', function(e){
		mySlide.toggle();
		fx1.start({
			'opacity': 0
		}).chain(function(){
			$('openArchive').setStyle('display', 'block');
			$('closeArchive').setStyle('display', 'none');
			$('openArchive').setStyle('opacity', '0');
			fx.start({
				'opacity': 1
			});
		});
	});
	
	var mySlide2 = new Fx.Slide('comment-body');
	mySlide2.hide();
	
	$('openComments').addEvent('click', function(e){
		mySlide2.toggle();
	});
						
});